Design comparison
Solution retrospective
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
- @SaruMakesPosted 5 months ago
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 GitHubJoin 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