Recipe page | Frontend Mentor Challenge with HTML and CSS

In this video, we solve Frontend Mentor's recipe page challenge! We'll break down the code step-by-step, explaining every line of HTML and CSS. Learn by Doing: • Clear explanations: Understand the code and the reasoning behind each choice. • HTML Setup: See why specific HTML elements are used for structure and clarity. • CSS Decisions: Discover the logic behind design elements and responsive layout. 👉 Resources Mentioned: Live site: https://main--helpful-twilight-268ca2.netlify.app/ GitHub repository: https://github.com/Orekihotarou-k/fem-recipe-page Frontend Mentor challenge: https://www.frontendmentor.io/challenges/recipe-page-KiTsR8QQKm 📚 Timestamps: 0:00 Intro 0:18 Layout breakdown 2:01 HTML structuring 11:46 Styling 29:07 Styling the table 31:53 Media query 34:52 Get the resources and subscribe Background music credits ✨❤️ Chillpeach - In Dreamland : • [no copyright music] 'In Dreamland ' ... ____________________________________________________ ○THE COPYRIGHT OF THIS MUSIC AND ILLUSTRATION BELONGS TO CHILLPEACH. 🍑 Rules for using this music : •Free to use for youtube, Instagram, twitch, facebook, tiktok. •You can not add lyrics or remix this music without my permission. •Independent post of this music is absolutely prohibited other then using it as a background music. •Add credit when using this music. •The copyright of this music belongs to Chillpeach and unauthorized use of this music is not allowed. •If you want to use this music outside the above mentioned social medias please contact me. •If you use this music without mentioning credit you can get copyrighted. •You can not re upload this music for the purpose of promoting it. _____________________________________________________ ○Spotify playlist: https://open.spotify.com/playlist/3xE... 🎨 illustration/art: Copyright of all illustration/art belongs to Chillpeach 🍒 If you want to support me (kofi): https://ko-fi.com/chillpeach 💌 Email (For Business Inquiries Only) : [email protected] 💫 Instagram: / chillpeachart ⬇️ download here : https://drive.google.com/file/d/1v-s5... • Cute music playlist: • No copyright cute and aesthetic music... • Lofi background music playlist: • No copyright lofi music 📌tags #codingchallenge #frontendmentor #frontenddevelopment #coding #codingtime #codingtutorial