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
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'm proud of the timeframe it took me to complete the challenge. However, I will make use of certain html tags and grid more.

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

The only challenge I did encounter was aligning the list item which I did by using margins and paddings.

Community feedback

@AlexanderTejedor

Posted

Hi, 👋

I like your work, but here are some recommendations 😎:

  • You can use HTML semantics in future projects. It is very useful for the browser to position your pages much better 💎.
  • I highly recommend using Google Fonts to link your fonts. It's super useful for everyone to see the same typography on the page 🈶.
  • You can start with mobile design and then adjust the page to fit the type of resolution. You can do this by looking for resources that explain mobile-first design 📱.

Other than that, your work is very good. I hope you keep improving and achieve fantastic things 🙌.

0

@JOAN-96

Posted

@AlexanderTejedor Thank you for the feedback. I appreciate it.

0

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