「5일 웹 기초 챌린지 - 4일차」

div는 봉투다 => 묶기 위한 태그
section으로 할 수 있는건 section으로 하기

오늘의 과제
[flex걸어서 옆으로 이미지 배치하기]
=> div class="profile"으로 사진과 글 덩이를 담음
=> 안쪽에서 div로 이름과 내용 등으로 소제목 구분
=> display: flex로 가로로 두기
gap: 24px — 사이 간격. 사진과 글덩어리가 24px 떨어트리기

[모바일 버전으로 만들기]
@media (max-width: 600px) {
.profile {
flex-direction: column;
}
}
=600이상이면 새로 방향으로 쌓아라

[웹버전]

[모바일버전]