[Frontend Mentor] Social Links Profile 소셜 링크 프로필 완성

약 1시간 걸린 작업.

소셜 링크 프로필을 만들었다!

 

 

이번에는 반응형은 아니다.

지난번에는 가이드라인을 뒤늦게 발견해서 바로 적용을 못했는데

이번에는 스타일 가이드라인을 따라서 스타일링을 했더니

보다 빠르게 작업을 완료할 수 있었다.

 

https://seon318.github.io/frontend-mentor-challenges/social-links-profile-main/

Social links profile

 

지난번 프로젝트와 달리 오늘 추가해본 것은,

:root에 색상을 미리 정해두는 것이다.

사용되는 색상이 가이드라인에 적혀 있기에 그 색상을 미리 루트에 넣어두었다.

그 뒤에 var()를 이용해 색상을 가져오니 훨씬 코드가 간략해졌다.

 

또 하나는 오랜만에 사용해보는 :hover.

cursor를 포인터로 바꾸고 색상을 바꾸는 간단한 스타일링을 했다.

 

아직은 프론트엔드 멘토 챌린지 중 뉴비 단계부터 해보고 있어서 그런지

난이도가 그렇게 어렵지는 않다.

최근에 프로젝트 마치고나서는 Html과 css를 다룰 일이 별로 없었는데

오랜만에 만들어보니까 재미있다.