Media Queries는 CSS 기술의 일부로, 웹 페이지의 레이아웃이나 스타일을 디바이스의 화면 크기에 따라 조정할 수 있도록 하는 것입니다. 예를 들어, 모바일 기기에서는 좁은 화면 크기에 맞춰 레이아웃을 다시 정렬하고, 데스크탑에서는 넓은 화면 크기에 맞춰 다른 레이아웃을 사용할 수 있습니다. 미디어 쿼리는 CSS @media rule을 통해 작성할 수 있으며, 특정 조건(예를 들어, 화면 크기)이 만족될 때 CSS 스타일을 적용할 수 있도록 합니다. 예: @media (condition) { /* CSS 규칙 */ } condition은 미디어 쿼리의 조건을 나타내며, 여러 조건을 결합할 수도 있습니다. 다음 예는 미디어 유형이 스크린이고, 가로 폭이 640px 이상일 때 적용되는 스타일을 정의..