보랑취향

CSS Grid와 Flexbox 사용기본적인 레이아웃 CSS Grid와 Flexbox는 반응형 레이아웃을 더 쉽게 구현할 수 있게 해줍니다 .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;} Media Query와 Container Queries 병행 사용반응형 설정 Media Query (전통적 방법) /* 기본 스타일 */.container { width: 100%;}/* 태블릿 */@media screen and (min-width: 768px) { .container { width: 750px; }}/* 데스크톱 */@medi..