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

a responsive recipe card

@amina-refik

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?

The design is somewhat clumsily patched. I would like to find a way to make it easily modifiable and correctable.

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

I initially encountered an issue with the font size and spacing when switching between mobile and desktop designs. It resolved itself when I switched from absolute units to relative units.

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

How can I enhance the quality and readability of my code?

Community feedback

6xg0d 190

@6xg0d

Posted

Hey! I think your solution to this challenge it's great! Even helped me to analyze my code even more. The only thing i noticed was that you used some <h3> in text like "Total:", "Preparation:", "Cooking:", "Beat the eggs:", etc. When you can use a <strong> tag to point out that the text is important without using a header tag and get the same visual results.

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