Submitted 10 months ago

Recipe page using html and css

Simsim99•70

@Simsim99

A solution to the Recipe page challenge

Preview Code

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,

Code

Please log in to post a comment

Community feedback

Asilcan Toper•2,960
@KapteynUniverse
Posted 10 months ago
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

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