Submitted 2 months ago

Recipe Page using HTML and CSS

Lala A.• 30

@lalaholmesss

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

This is my first coding project that I've coded myself without following a tutorial and with some help from my friend. It took me 2 - 3 days to complete due to my procrastination, and I'm really happy that it turned out good in the end, though it could've taken me a lot faster. Good luck to all the beginners ^-^ We got this !!

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

Main challenge was positioning elements, used Google to overcome it and some help from my friend. Borders of the table. My friend helped me on that.

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

Positioning elements. Also, the exact sizes / measurements weren't given (at least I couldn't find), so I did it as similar as possible to the image. If there are exact measurements I would like someone to tell me where I can find.

Community feedback

khannfouad• 230

@khannfouad

Posted 2 months ago

Great Work !! Specially since it's your first design it'll always be a special one. Secondly, => There are Free+ challenges that have Figma files attached to the starter files those are of great help. => If you are not a premium account holder you'll most likely have to eyeball the whole designs. It's a hit or miss. :D

=> Positioning elements in CSS involves a combination of properties such as margin, padding, position, and others like top, bottom, left, and right. The exact combination you use depends on the layout you want to achieve and your design preferences. Practice and experiment is what many of us are doing to achieve desirable results.

So, All the Best. Happy Coding :D

Marked as helpful

Lala A.• 30

@lalaholmesss

Posted 2 months ago

Thanks for the feedback, Happy coding @khannfouad !!

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