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 Built With Vanilla HTML/CSS

Dylan 290

@dquinn089

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 most proud of overcoming the challenges of spatial design having the work with different sizing and spacing specs and params with each project. I am also proud of becoming more and more familiar, to the point that I can read my code and others code for these projects with ease.

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

Much time was spent learning and figuring out the styling for the and elements as well as the `` being this is my first time having to work with elements in depth. I figured it out through google searches and testing out the different properties for myself.

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

If there is anything that can be changed in the CSS to make it more streamline. I'm still trying to figure out ways of tweaking the spatial design without having to mess with each individual element's padding: and margin: properties.

Community feedback

Zub04ek 110

@Zub04ek

Posted

Hi, @dquinn089, you have such a nice structured and readable code and also such a detailed description of your process by doing this task 👍

I saw that you have already used flex to position elements on the page. Also you can use flex for small elements like lists and then you have the option to use the flex gap property which can separate the li elements evenly without using margin.

Speaking of lists, for numeric lists you can use a separate tag called ordered list or <ol>, so you don't need to rewrite the list-style-type.

I didn't see any problems in the rest of your project, you did a great job!

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