반응형 HTML&CSS6 [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 2 다음 728x90 반응형
