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 using html and css only

ameeraβ€’ 80

@ameera-abed

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@JF451

Posted

I really liked your layout. I think it matches the prompt well.

Marked as helpful

0
Rebecca Padgettβ€’ 1,760

@bccpadge

Posted

Hello @ameera-abed. Congratulations on completing this challenge!!!πŸŽ‰

In your CSS file you can add this code to remove the default styles like margin and padding from the browser.

*{
 margin: 0;
 padding;
}

You can also implement the shorthand property for margin and padding in your CSS file. Shorthand properties

When I write CSS, I use logical properties for margin and padding which depends on the writing mode.

If I want to margin on the top and bottom, the logical property would be margin-block and left and right is margin-inline and right would be margin-inline-end and left would be margin-inline-start

More infoπŸ“š:

I hope you find this useful and don't hesitate to reach out if you have any questions.

1

ameeraβ€’ 80

@ameera-abed

Posted

@bccpadge thanks for advise I fix the design but frontend mentor not allow me to take anther screenshot to page so please see the design in link

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