HTML 30일 정복
· DAY 25/30
← 전체 학습목록
DAY 25 · 5분 학습
카드 레이아웃
여러 카드 배치
✏️ 직접 수정하고 실행
<style>.cards{display:flex;gap:12px}.card{flex:1;padding:20px;background:#eee;border-radius:12px}</style><div class="cards"><div class="card">HTML</div><div class="card">CSS</div><div class="card">JS</div></div>
▶ 실행하기
🌐 실행 결과
1분 미션
여러 카드 배치 예제를 직접 수정해서 결과가 어떻게 달라지는지 확인해보세요.
← 이전
다음 →