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 w/ (HTML + CSS)

Tim Avidon 300

@timavidon

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'm proud to have completed this challenge.

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

Make this similar to the example.

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

I'm open to feedback and any suggestions on how to improve this solution or achieve better performance.

thanks.

Community feedback

SaruMakes 160

@SaruMakes

Posted

Hi Tim 👋

First of all, congratulations on finishing the project! Well done 👍

I can see that you completed it quite a few months ago, but if you decide to revisit this project, I have some thoughts on things you could improve.

Matching the design

In your lists, you are using the same nutmeg color for the bold text as you have in the bullet points/list numbers. The bold text is supposed to be black/dark charcoal. Also, when viewing the site on mobile devices, the design images show that the bullet points are centered vertically with the contents of the <li>, but this isn't the case on your project.

The latter was tricky for me to solve, but by removing the list-styling (to remove the bullet point) and then adding it back in as a bullet point symbol with a li::before, you can then use a flexbox on the parent <li> to align the list-content and the bullet points.

Other than that, your code looks great to my relatively inexperienced eyes. Great job! 😁

I hope my comments are useful and/or helpful to you. Happy coding!

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