Skip to content
Submitted 8 months ago

a responsive recipe card

amina-refik•80
@amina-refik
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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
    @6xg0dPosted 8 months ago

    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

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