반응형 웹 디자인

반응형 웹 디자인은 하나의 코드베이스로 데스크톱, 태블릿, 스마트폰 화면에 맞게 레이아웃과 콘텐츠를 자동 조정하는 방식이다.

핵심 기술은 유동 그리드, 유연한 이미지·미디어, CSS 미디어 쿼리이며, CSS Grid와 Flexbox도 자주 활용된다.

이 접근법은 기기별로 따로 사이트를 만들 필요를 줄여 개발과 유지보수 비용을 낮춘다.

또한 어떤 기기에서도 더 좋은 사용성을 제공해 모바일 친화적인 경험을 만든다.