Design comparison
Solution retrospective
I am happy that I finished the project and found solutions to some problems, like styling the bullet points. Next time around I would pay more attention to keeping my CSS clean as it probably could be better.
What challenges did you encounter, and how did you overcome them?Most of the project was easy, the only hiccup I had was with correctly styling the and list points and keeping the correct space between them and the text. My solution isn't pixel perfect but, nonetheless, I think it's okay. The provided image was cropped slightly differently than shown on the design images.
What specific areas of your project would you like help with?Any feedback is greatly appreciated :)
Community feedback
- @SergioCasCebPosted 22 days ago
Hey there really well done on the challenge, I don't think you should worry to much about your spacing and the list styling as I think you did an amazing job on that. I would say the website feel a bit "jumpy" due to the media queries and the way you are handling the size with width percentages, which is valid to be fair. But maybe for next time (at least in this case) you could give it just a max width so that the element can grow and shrink properly without you having to modify it manually, avoiding that "jumpy" effect as well. Also for the spacing on top and bottom of you main recipe container you could try clamps so that the space shrinks with the view port.
Marked as helpful1@luckyszakul0Posted 22 days ago@SergioCasCeb You're right, I honestly totally forgot about clamp in CSS. Thanks for reminding me :)
0
Please log in to post a comment
Log in with GitHub
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