flexbox2 [CSS] Flexbox Defense 플렉스 디펜스 공략집(1~12) Flexbox Froggy 개구리 공략집에 이어서 바로 Flexbox Defense 풀이를 포스팅하고자 한다.개구리보다 단계는 절반가량으로 양이 줄어들었지만, 그래도 각 단계를 해결하기 위해서 어떻게 코드를 써야 할지 생각하게 만드는 문제들로 구성되어 있다. 게임을 하는 느낌으로 쉽고 재미있게 CSS 코드를 익힐 수 있다는 게 큰 장점인 것 같다. Wave 1 of 12해답 :.tower-group-1 { display: flex; justify-context: center;} Wave 2 of 12해답 :.tower-group-1 { display: flex; justify-content: flex-end;}.tower-group-2 { display: flex; justify-content.. 2024. 9. 18. [CSS] Flexbox Froggy 플렉스박스 개구리 공략집(1~24) Back-End가 아닌 Front-End 개발로 진로를 확실히 정한지 얼마 되지 않았는데, 그간의 공부한 시간이 무색할만큼 시간은 정말 빠르게 흐르는 것 같다. 이전에는 꾸준히 공부하면서 글을 포스팅했었는데, 어느 순간부터 글쓰는데에 재미를 잃었던 것 같다. 갑자기 오늘같은 날 글을 써야겠다고 다짐하면서 무엇을 올릴까 고민하던 중에, 내가 처음 CSS를 배웠을 때의 그 사이트가 떠올랐다.바로 오늘 작성하는 Flexbox Froggy가 나의 첫 CSS 공부였다. 한번쯤 들어보거나 풀어봤을 플렉스 개구리를 포스팅으로 다룬 이유는 스스로 기억하기 위해서인 것도 있고, 누군가에게는 내가 푼 이 공략집이 조금이라도 도움이 되지 않을까 하는 생각때문이다.생각날때마다 기본기를 쌓아두는 것은 언제나 중요하다고 생각한다.. 2024. 9. 17. 이전 1 다음
