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_Main_Page_Solution using only HTML & CSS

@nahidhsiddique

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 am very proud that for the first time I've figured out the solution of the problem on my very own.

Things I consider doing different next time are,

  • using good naming conventions
  • avoid using ID's for selecting HTML tag where it can be done without using it.
  • try to write more clean code

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

I wasn't able to use Flexbox properly and I was having trouble aligning the containers horizontally center and also some of my elements were overflowing the containers. I have solved aligning problem by setting width to my containers and used calc() function to substract the amount of margin and padding from the actual width of my containers to stopping it from overflowing.

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

I would really want to get feedback on where I could've written fewer lines of code to gain the same results and how can I write more clean code.

Thank you!

Community feedback

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