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

Minimalist Recipe Page built using HTML5 & Flexbox

@suzzy-dszy

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?

  • Proud of being able to implement appropriate semantic HTML elements.
  • Implementing new pseudo elements like ::marker to target bullet points so as to style them appropriately.

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

  • Styling the list items and bullet points to appear as required was a bit confusing and required some researching and trial and error. I had to make use of padding, margin, and pseudo-element ::marker to style the lists as needed.

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

  • I made sure to use the proper semantic HTML elements, if I have made a mistake any feedback would be appreciated.
  • Any feedback regarding the structure of my code especially the CSS would be greatly appreciated.

Community feedback

P
KMS56135 120

@KMS56135

Posted

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