portfolio Link : https://web103goo.netlify.app/

git : https://github.com/andoricano/Web103

README

Recode 수업에서 진행하는 Web Portfolio 3번째 과정입니다.

=> 해당 항목을 중점으로 진행합니다.

• External style
• Semantic Element
• Layout
• Navigation

Index.html

html에서 표현되는 모든 태그와 문자열을 리소스로 규정. 해당 리소스들을 모두 semantic tag로 구분하여 작성한 뒤 css에서 해당 태그 + inner box(div) 개념을 적용하여 디자인 구현

<header>

구현 목표 : position에서 relative와 absolute의 관계를 알고 적용할 수 있는가?

⇒ header의 inner box position을 relative로 설정

⇒ 이외 navigation bar, h1을 absolute로 위치 시킴.

<main>

구현 목표 : 가운데 정렬을 할 수 있는가?