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

Responsive Recipe Page card using plain HTML and CSS

@dvdgd

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?

I am proud to be able to make such a great responsive design of the image, lists marks and tables.

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

  1. I found challenging to set the padding of the list marker and ensure this didn't overflow any element.
  2. Trying to make the styling 'generic' for working with diff sections, like the unordered lists in the design but also the ordered one, as the marker has another size compared to the others.

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

I would like to receive feedback in the html structure and also about the css organization.

Community feedback

@omk1r

Posted

I have same problem

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