This is a solution to the Recipe page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
- Solution URL: Repository
- Live Site URL: Vercel
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
I really have little to say here, and honestly, that goes for the whole project. I mostly did it just to test things out.
However, I did discover the existence of the <dl>, <dt>, and <dd> elements.
I actually wanted to use them for the preparation time block, but I couldn’t get the design I wanted,
so I gave up on that idea and went simpler instead.
- Website - Vincentvdt
- Frontend Mentor - @Vincentvdt
Don’t overthink it. I probably did too much (and not enough, ironically) for a challenge like this. Don’t hesitate to use the internet as your ally 👌 Stack Overflow has every answer you’ll ever need. Start by following your gut, then circle back and ask yourself : how can I make this simpler or better? And if you don’t know, ask the internet. gl!