Frontend Mentor에서 제공하는 디자인 시안을 바탕으로 Social Links Profile을 클론 제작했습니다.HTML/CSS만으로 구성되어 있으며, 반응형 UI와 접근성(WCAG 기준)을 고려해 제작하였습니다.완성 이미지프로젝트 개요제작 목적: 시멘틱 HTML 구조 및 반응형 카드 레이아웃 학습기술 스택: HTML5, CSS3 (Flexbox, Media Queries), Google Fonts (Inter)디자인 기준 해상도:Mobile: 375pxDesktop: 1440px사용 기술기술설명Semantic HTMLmain, ul, footer 등의 시멘틱 태그 사용Flexbox카드 중앙 정렬 및 수직 정렬 레이아웃 구성Media QueriesMobile-first 기반 반응형 대응Googl..

Frontend Mentor에서 제공하는 디자인 찬성을 바탕으로 Recipe Page를 클론 제작했습니다.HTML/CSS만으로 구성되어 있으며, 반응형과 타이포그래픽에 중점을 두어 UI를 완성했습니다.완성 이미지프로젝트 개요제작 목적: 시멘틱 마크업과 반응형 레이아웃 학습기술 스택: HTML5, CSS3 (Flexbox), Google Fonts디자인 기준 해상도:Mobile: 375pxDesktop: 1440px사용 기술기술설명Semantic HTML시멘틱 태그로 문서 구조를 명확히 표현Flexbox레이아웃 배치와 정리를 유연히 구성Media Queries모바일 우선(Mobile-first) 반응형 적용Google FontsYoung Serif, Outfit 포트 사용폴더 구조recipe-page/├─..