TIL about interesting CSS resources

While slowly progressing through TechPrep, I found out about some very cool resources to practice CSS.

Here are some of my favorite ones.

• Flexbox Froggy

It is kind of silly but also so useful. I will probably get back to it several more times until it sticks.

Also learned some interesting things about CSS : when setting the direction to reverse, start and end are also reversed. It makes sense, but good to know!

#pond {
display: flex;
flex-direction:row-reverse;
justify-content:flex-end;
}

Although, reversing the row does not reverse start and end for align-items. Makes sense also!

• Happy Hues

Super neat tool to give some nice color associations, with all the HEX code needed implemented within previews!

• pocoloco: to generate a dynamic background