CSS: Frog Game

Flexbox 를 활용하여 요소들을 배치하는 게임

https://flexboxfroggy.com/#ko

--답

justify-content:flex-end;

justify-content:center;

justify-content:space-around;

justify-content:space-between;

align-items:flex-end;

justify-content:center;

align-items:center;

justify-content:space-around;
align-items:flex-end

flex-direction:row-reverse;

flex-direction:column;

flex-direction:row-reverse;

justify-content:flex-end;

flex-direction:column;

justify-content:flex-end;

flex-direction:column-reverse;

justify-content:space-between;

flex-direction:row-reverse;

justify-content:center;

align-items:flex-end;

order:2

order:-1;

align-self:flex-end;

order:3;

align-self:flex-end;

flex-wrap:wrap;

flex-direction:column;

flex-wrap:wrap;

flex-flow:wrap column

align-content:flex-start;

align-content:flex-end;

flex-direction:column-reverse;

align-content:center;

flex-flow:column-reverse wrap-reverse;

justify-content:space-between;

align-content:space-between;

justify-content:center;

https://heropy.blog/2018/11/24/css-flexible-box/

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

https://bocoup.com/blog/dive-into-flexbox