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 Page

@PatricioZarauz

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 using mixins in my scss, which enabled me to prevent code duplication. Also I'm of making the site as accessible as possible (with my current knowledge)

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

The main challenge I encountered was creating the custom list items, which I overcame by doing some research.

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

I would like to get some tips on how to make this site/code even more accessible and also some tips in order to improve my scss file, other than separating the scss into multiple files.

Community feedback

P

@itsmesrishti

Posted

Hey, great job on bringing your design so close to the actual one!

The only tip I have that might help with accessiblity is to maybe consider presenting heading tags in a sequential order like without skipping levels so <h2> before <h3>.

Again, great job on the project!

1

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