코딩/수업메모

251013 코딩 연습 (개구리게임)

ponyo118 2025. 10. 13. 14:38

[개구리게임]

 

(응용1)

display: flex;

* justify-content: flex-end;

 

(응용2)

display: flex;

*justify-content: center;

 

 

(응용3)

display: flex;

*justify-content: space-around;

 

 

(응용4)

display: flex;

*justify-content: space-between;

 

 

(응용5)

display: flex;

*align-items: flex-end;

 

(응용6)

display: flex;

*justify-content: center;
align-items: center;

 

(응용7)

display: flex;

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

 

 

(응용8)

display: flex;

flex-direction: row-reverse;

 

(응용9)

display: flex;

*flex-direction: column;

 

(응용10)

display: flex;

*flex-direction: row-reverse;
justify-content: flex-end;

 

'코딩 > 수업메모' 카테고리의 다른 글

251103 반응형  (0) 2025.11.03
251017 picogram (버튼)  (0) 2025.10.17
251010 position 연습  (0) 2025.10.10
250930 picogram (li-box)  (0) 2025.09.30
250929 flex 연습  (0) 2025.09.29