디자인 패턴을 적용한 경험이 있다면, 어떤 패턴을 사용했는지 구체적으로 설명해 주세요.

포트폴리오 프로젝트에서 카드 목록 화면을 반응형으로 만들 때 처음엔 미디어 쿼리로 컬럼 수를 하나씩 지정했어요. 코드가 너무 길어지고 특정 해상도에서 카드 크기가 어색한 경우가 생겼어요. CSS Grid의 auto-fill과 minmax를 써봤는데 딱 한 줄로 반응형 그리드가 만들어지는 게 신기했어요.

grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) 한 줄이 미디어 쿼리 10줄을 대체했어요. 간결한 코드가 오히려 더 유연한 결과를 만들 수 있다는 걸 처음 경험했어요. 이 패턴 이후로 레이아웃 문제를 만나면 Grid를 먼저 검토하는 습관이 생겼어요.