레시피 페이지 메인
오늘 반응형 디자인까지 추가한 레시피 페이지 메인 완성!
깃허브 페이지로 볼 수 있게 해두었다.
https://seon318.github.io/frontend-mentor-challenges/recipe-page-main/
Recipe page
Simple Omelette Recipe An easy and quick dish, perfect for any meal. This classic omelette combines beaten eggs cooked to perfection, optionally filled with your choice of cheese, vegetables, or meats.
seon318.github.io
@media (max-width: 560px) {
}
560픽셀을 기준으로 하여 반응형을 적용하였다.
이미지가 전체 페이지에 꽉 차도록 하고 여백을 좀 더 넉넉하게 조절하였다.
알고보니 챌린지 자체에서 색상을 제공하고 있었다..
다 하나하나 컬러 피킹 하느라 힘들었는데ㅠㅠ
완성 스크린샷!
+) 이번 프로젝트에서 처음 사용하고 있는 깃모지!
아직 커밋메시지 폼을 정확히 못 정했다..
어떤 페이지에 기능을 추가한 건지도 써야 할텐데..
'Programming > Project' 카테고리의 다른 글
| [Frontend Mentor] FAQ Accordion main 아코디언 페이지 (0) | 2024.06.03 |
|---|---|
| [Frontend Mentor] Social Links Profile 소셜 링크 프로필 완성 (0) | 2024.05.31 |
| [Frontend Mentor] Recipe-Page-Main 레시피 페이지 만들기 (0) | 2024.05.29 |
| [프로젝트] 스마트오더 플랫폼, Food Bridge 프로젝트 회고 (0) | 2024.04.30 |
| [클래식소믈리에] 메인, 문답 시작 페이지 완성 (0) | 2024.01.20 |