07장 온라인 프로필 카드 제작하기

Iris·2021년 12월 8일
0
post-thumbnail

📖 최성일, ⌈Do it! 인터랙티브 웹 페이지 만들기⌋, 이지스퍼블리싱, 2021

상단 메뉴 영역 완성하기

가상 선택자 ::after를 이용해서 float 해제하기

section nav.menu::after {
  content: "";
  display: block;
  clear: both;
}

section nav.menu a:nth-of-type(1) {
  float: left;
}

section nav.menu a:nth-of-type(2) {
  float: right;
}

이번 스터디에서 특별히 좋았던 점이나 어려웠던 점, 새로 알게 된 부분

실습에 필요한 개념에 대해 전반적으로 학습을 마친 후, 처음으로 실습을 진행하는 장이었다. 앞에서 학습했던 내용들을 활용하여 직접 실습해 볼 수 있어서, 제작 중에 헷갈리거나 중요한 부분들을 한 번 더 짚고 넘어가는 시간을 가졌다.

profile
👩🏻‍💻 Web Front-end Developer

0개의 댓글