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

Recipe page using html and css

Simsim99 70

@Simsim99

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 of the fact that i got close enough since this is my first time doing this, and what i would do differently is ask for help (on discord) as soon as possible, i would also recontruct my code. I tend to stick with what i have got instead of rebuilding again!!

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

I faced some like coloring the UL and OL list styles and using on the paragraphes to recolored them again. Another one is the border-bottom(unfinished), how to adjust it using width and margin. I overcame them by doing alot of research which helped me learn alot!

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

border-bottom, width,

Community feedback

@KapteynUniverse

Posted

Well, there are too many media queries to examine but if you are asking about the overflowing issue at the bottom, problem is you have determined a height values. Just delete height like height: 139vh; from .all. Also you can use min max values like max-width: 750px;

I recommend you to use a css reset like this one for every project. And em/rem units instead of pixels.

Marked as helpful

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