css에서 Flexbox 와 Grid는 정말 중요한 개념이다.
이에 대한 설명은 밑의 영상을 참고하자. (아, 그리고 "절대 하나 하나 처 외우지 말 것)
https://youtu.be/7neASrWEFEM?si=LVytunQ_Ozp0U2Ww
https://youtu.be/nxi1EXmPHRs?si=TLNpAK_XtDSRaKXD
알아두면 좋은 사이트 (플레스 박스 / 그리드)
https://codepen.io/enxaneta/full/adLPwv/
(플렉스 박스 레이아웃 체킹)
Flexbox playground
...
codepen.io
https://www.joshwcomeau.com/css/interactive-guide-to-grid/
(그리드 작동 원리)
An Interactive Guide to CSS Grid
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share th
www.joshwcomeau.com
'프론트 엔드 > CSS' 카테고리의 다른 글
| 미디어 쿼리란? 기초부터 실전까지 (1) | 2024.10.09 |
|---|---|
| 프드프 구매 현황 따라해봄. (6) | 2024.09.23 |
| CSS에서 반응형 웹페이지를 object-fit 속성으로 컨텐츠 제어하기 (1) | 2024.09.04 |
| CSS 애니메이션 사이트 (0) | 2024.09.03 |
| CSS 전체적인 복습 (2) | 2024.08.28 |
