Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

RecipePage

konji85 80

@konji85

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

becoming faster in completing the tasks. getting familiar with the concepts of the styling.

What challenges did you encounter, and how did you overcome them?

coverting the desing from desktop to mobile size. used @media but i need more practice with it. also the style sheet is messy. i need to develop the styling more efficiently

What specific areas of your project would you like help with?

responsiveness of the page

Community feedback

@Ephy-kimotho

Posted

Hi @konji85, I would recommend learning semantic HTML5 W3schools, for example your

 <div class="container">

could be a main element and the other divs like

<div class="nutrition">
 <div class="instructions">

could be section elements.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord