Skip to content
Submitted 3 months ago

Minimalist Recipe Page built using HTML5 & Flexbox

Sunay Dagar•100
@suzzy-dszy
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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

  • KMS56135•160
    @KMS56135Posted 3 months ago
    0

Please log in to post a comment

Log in with GitHub

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