[Frontend Mentor] Recipe-Page-Main 레시피 페이지 만들기

Recipe Page Main

 

HTML과 CSS를 잘 활용하고 싶어서 어떤 프로젝트를 해볼까 찾다가

Frontend Mentor라는 사이트에서 도전과제를 제공한다는 사실을 알았다.

바로 가입하고 리포지토리 만들어서 첫 프로젝트를 해보았다.

앞으로 이 사이트에서 여러 도전과제들을 수행하며 순수한 HTML, CSS에 더 익숙해져야지.

 

코드는 깃허브에 정리중.

이번 프로젝트에서는 깃모지를 써보려고 한다.

 

https://github.com/seon318/frontend-mentor-challenges

GitHub - seon318/frontend-mentor-challenges: Challenges from Frontend Mentor

 

첫 과제는 Recipe Page Main이다.

레시피 페이지를 만드는 과제였다.

오늘은 HTML과 CSS 기본 작업만 했고 아직 media-query는 넣지 않았다.

 

가장 최근 프로젝트에서 SCSS를 활용했어서 그런지 순수 CSS가 어색하게 느껴졌다.

평소 안 써 본 CSS 기능들을 알게 되어서 하나씩 게시물로 정리해야겠다.

 

 

아직 반응형은 추가하지 않았다.

사실 반응형을 프로젝트에서 구현해보지 않아서 아직 익숙하지 않다.

이번 프로젝트들을 진행하면서는 꼭 반응형 디자인에 익숙해져야지.