Challenge 1 - 레이아웃 몸풀기

문제

다음과 똑같은 페이지를 만들어보세요.

사진과 정보는 자신이 원하는 것으로 대체하시면 됩니다.

그동안 해온 방식과 유사합니다. 좀 더 어려운 점은, 이미지 옆에 두 줄이나 문장이 표시된다는 점입니다. 지금까지 배운 내용들을 종합해서 도전해보세요. 조금 오차가 있어도 상관없습니다. 도전만으로도 실력이 크게 상승할거예요.

방법

짝과 함께 다음 단계를 모두 진행합니다.

[단계1] 어떤 태그를 쓸지 나열해봅니다. [단계2] 각 태그의 용도와 사용법을 간단히 써봅니다. [단계3] 각자 코딩을 시작하세요! [단계4] 코딩이 끝난 후 짝의 코드를 살펴보며 질문합니다. hint: 지난 시간에 배운 태그, 스타일부터 오늘 배운 내용까지 다시 살펴보세요!