DEV Community

Discussion on: 8 Games to learn CSS the fun way

Collapse
 
tomlienard profile image
Tom Lienard

Yop, solved the last level of Flexbox Froggy, very interesting game !

Here is the solution I found if you want to try :

flex-direction: column-reverse;
flex-wrap: wrap-reverse;
justify-content: center;
align-content: center;
Enter fullscreen mode Exit fullscreen mode
Collapse
 
devmount profile image
Andreas

Awesome, congrats! 👏🏻

Can you recheck your solution? I think you have a small mistake - align-content needs to have the value space-between for me 😇

Collapse
 
tomlienard profile image
Tom Lienard

Oh yup you're right, mistake while copying, sorry for this ^

Collapse
 
elijahlynn profile image
Elijah Lynn

Might want to prefix your post with SPOILER:.

Collapse
 
monishsoni profile image
MonishSoni

you can write

flex-flow: column-reverse wrap-reverse;

Collapse
 
clment_kerviche_79b75f73 profile image
Clément Kerviche

you can save a line of CSS by doing like this:

flex-flow:column-reverse wrap-reverse;
justify-content:center;
align-content:space-between