CSS Grid 상세 설명: 2차원 레이아웃을 제대로 이해하고 쓰는 방법
CSS Grid의 기본 구조부터 grid-template-columns, fr, repeat(), minmax(), grid-area, 반응형 카드 레이아웃까지 실무 관점에서 자세히 정리합니다.
웹퍼블리싱 실무와 관련된 내용을 정리한 카테고리입니다. HTML, CSS, JavaScript를 기반으로 반응형 웹, 웹 접근성, 크로스브라우징, 유지보수, UI 마크업 작업 등을 다룹니다.
총 4개의 글
CSS Grid의 기본 구조부터 grid-template-columns, fr, repeat(), minmax(), grid-area, 반응형 카드 레이아웃까지 실무 관점에서 자세히 정리합니다.
Container Query 사용 기준: media query가 복잡할 때을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
CSS Baseline 보는 법: 2026년 안전한 속성 사용 기준을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
HTML CSS 이미지 깨짐 해결: 찌그러짐과 화질 문제 체크리스트을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.