* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
본강의 1-4편에서, 거의 마지막 레이아웃 잡는 부분에서, 강사님의 것과 다른 레이아웃이 나옵니다.
제 것은 가로 일렬로 나오는 반면, 강사님 것은 아래 화면 처럼, 2열 종대로 나옵니다.
무슨 이유인 지 모르겠습니다. VS code 화면에는 오류 메시지도 없는 것 같구요.
( 아래에 제가 넣은 이미지 사이 사이 여백이 많고, 맨 아래 제가 작성한 해당 코드도 넣었으니, 끝까지 스크롤 해 주십시요)
- row 명령어만 입력된 상태
2.row flex-row wrap 입력한 후, 내 화면
3.row flex-row wrap 입력 후, 강의 화면
작성한 코드 및 에러 메세지
아래는 제가 작성한 해당 코드 내역입니다.
<body class="bg center">
<h1 class="title">2023 신년계획</h1>
<p class="msg">올해는 꼭 모두 지키자</p>
<div class="row flex-row wrap">
<div class="bucket img1 center">기족여행</div>
<div class="bucket img2 center">뱃살빼기</div>
<div class="bucket img2 center">아름다운 정년마무리</div>
<div class="bucket img1 center">코딩 일본어 불어 공부</div>
<div class="bucket img1 center">한국어교습 자격증</div>
<div class="bucket img2 center">새로운 Job 잡기</div>
</div>
