Submitted about 1 month ago

Recipe Page using HTML and CSS

Kaveesha•40

@kaveeshagim

Preview site View code

This is a solution for...Recipe page

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm super with the end result. Designing this recipe page was super fun and im proud of myself for designing it in a short period of time using the past experiences of frontend mentor challenges.

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

I had a little trouble with the list styling, especially the spacing between the list type and the text spacing. i learned new css list properties such as list-style-position. I overcame this problem by looking up how to add spacing between list style type and the text

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

I would like to know how my solution is in general considering the fact that i designed everything without using the figma design file (since im not a pro member i didnt have access to it) and had to eyeball all the measurements

Community feedback

Andrey•680
@AndreyDimitrov3Posted about 1 month ago
Great job on completing this first project!

Your solution looks really good. When it comes to learning projects, it doesn’t always have to be pixel-perfect. However, if you're aiming for a more polished, professional look, you can explore tools like Pixel Perfect or check out other online solutions for reference(I sometimes do that by inspecting their code).

Keep on going!
0
Kaveesha•40
@kaveeshagimPosted about 1 month ago
@AndreyDimitrov3 thank you so much for the feedback and the tools recommendations. will definitely check them out!
0

Please log in to post a comment

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