Lucas Avendaño

Buenos Aires, Argentina

I'm a mysterious individual who has yet to fill out my bio. One thing's for certain: I love writing front-end code!

All Comments

    • HTML
    • CSS

    3 column preview using Bootstrap

    Lucas Avendaño50 | Posted about 1 month agocommented on Anh's "3-column preview card component" solution

    Hi! I'm still learning the basics, so I don't know if this way is the best one but at least it works :P

    1. store the background colors of each card in a variable. ie:
    --background-color: hsl(31, 77%, 52%); /*it's important to write -- before the variable*/
    background-color: var(--background-color); /*then apply it to each card*/
    1. use the variable --background-color inside of inside the class attached to your button(if you didn't create one use button{ } instead) to change its text color (to use it you must write it inside var(variable)). ie:
    button {
    color: var(--background-color);
    1. last you only have to change the color back to hsl(0, 0%, 95%) when is active.
    button:active {
    color: hsl(0, 0%, 95%);

    hope it helps!