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

Responsive not landing page with CSS Flex

Den-Kos 20

@Den-Kos

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Gokulnathan8

Posted

Hi Den-Kos,

Firstly, I'd like to commend you on the excellent work you've done!

I do have a couple of suggestions to further enhance your solution:

I recommend reducing the font size of the heading element, specifically for:

<h2>Nutrition</h2>

For mobile view, the font size adjustment for the main heading can be modified as follows:

h1 {
    font-size: 32px;
}

This applies to the heading:

<h1>Simple Omelette Recipe</h1>

With these adjustments, I believe the content will match with the overall design.

Keep up the great work!!

Marked as helpful

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