반응형 분류 전체보기99 [CSS] CSS Diner - CSS Selector 연습하기 (Level 1 ~ Level 15) 목차 CSS Selector에 대해 연습할 수 있는 곳입니다. https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io CSS Diner (Level 16 ~ Level 32)에 대한 글입니다. [CSS] CSS Diner - CSS Selector 연습하기 (Level 16 ~ Level 32) 목차 CSS Selector에 대해 연습할 수 있는 곳입니다. https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io .. 2021. 6. 30. [CSS] Flexbox Froggy - CSS Flexbox Layout 배우기 게임 목차 https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 단계 1 justify-content: flex-end; 단계 2 justify-content: center; 단계 3 justify-content: space-around; 단계 4 justify-content: space-between; 단계 5 align-items: flex-end; 단계 6 justify-content: center; align-items: center; 단계 7 justify-content: space-around; align-items: flex-end; 단계 8 flex-direction: row-re.. 2021. 6. 30. [CSS] Flexbox Defense - CSS Flexbox Layout 배우기 게임 목차 http://www.flexboxdefense.com/ Flexbox Defense Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS! www.flexboxdefense.com Wave 1 .tower-group-1 { display: flex; justify-content: center; } Wave 2 .tower-group-1 { display: flex; justify-content: flex-end; } .tower-group-2 { display: flex; justify-co.. 2021. 6. 30. [CSS] Grid Garden - CSS Grid Layout 배우기 게임 목차 https://cssgridgarden.com/#ko Grid Garden A game for learning CSS grid layout cssgridgarden.com 단계 1 grid-column-start: 3; 단계 2 grid-column-start: 5; 단계 3 grid-column-end: 4; 단계 4 grid-column-end: 2; 단계 5 grid-column-end: -2; 단계 6 grid-column-start: -3; 단계 7 grid-column-end: span 2; 단계 8 grid-column-end: span 5; 단계 9 grid-column-start: span 3; 단계 10 grid-column: 4 / 6; 단계 11 grid-column: 2 / .. 2021. 6. 30. 이전 1 ··· 11 12 13 14 15 16 17 ··· 25 다음 728x90 반응형
