on Friday i continued working on the Rainbow rangers website and added a few more characters on the site in their own cards no pictures yet for the character here’s some screenshots and some of the code

.bb{
    font-size: 24px;
    padding: 10px;
    color: blue;
    text-align: center;
}

.indy{
    font-size: 24px;
    padding: 10px;
    color: indigo;
    text-align: center;
}

.lavender{
    font-size: 24px;
    padding: 10px;
    color: violet;
    text-align: center;
}

  <div class="card">
            <div class="image-container">
                <img src="" alt="the indigo Rainbow Ranger with speed power">
            </div>
            <div class="card-bottom">
                <p class="indy">Indigo "Indy" Alfruit</p>
                <p class="description"></p>
            </div>
        </div>

        <div class="card">
            <div class="image-container">
                <img src="" alt="the violiet Rainbow Ranger with speed power">
            </div>
            <div class="card-bottom">
                <p class="lavender">Lavender LaViolette</p>
                <p class="description"></p>
            </div>
        </div>

here’s some of the html and css and here you can see each of the characters have their name here as a class so in the card they can have their own color that represents them as a style

its not finished yet as i still need to get the rest of the characters, get the pictures for the character, and make a description for the characters