HTML 30일 정복
· DAY 26/30
← 전체 학습목록
DAY 26 · 5분 학습
모바일 반응형
media query
✏️ 직접 수정하고 실행
<style>.cards{display:flex;gap:10px}.card{padding:20px;background:#eee;flex:1}@media(max-width:600px){.cards{flex-direction:column}}</style><div class="cards"><div class="card">A</div><div class="card">B</div><div class="card">C</div></div>
▶ 실행하기
🌐 실행 결과
1분 미션
media query 예제를 직접 수정해서 결과가 어떻게 달라지는지 확인해보세요.
← 이전
다음 →