종합·26 / 26

종합 문제 — 미니 프로필 카드

지금까지 배운 걸 모아 프로필 카드를 만들어봅니다. class가 profile인 div 안에 h1 이름, p 소개글, ul 취미 목록(2개 이상)을 넣고, .profile에 padding과 border를 주세요.

할 일

ul로 취미 목록을 2개 이상 추가하세요 padding: 20px, border: 1px solid black 을 추가하세요

막혔나요?

← 미디어 쿼리 기초 코스 목록으로 →

코드 에디터

<style>
  .profile {
    /* padding: 20px, border: 1px solid black 을 추가하세요 */
  }
</style>
<div class="profile">
  <h1>내 이름</h1>
  <p>한 줄 소개</p>
  <!-- ul로 취미 목록을 2개 이상 추가하세요 -->
</div>

미리보기