Design comparison
Community feedback
- @JF451Posted 4 months ago
I really liked your layout. I think it matches the prompt well.
Marked as helpful0 - @bccpadgePosted 4 months ago
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 bemargin-block
and left and right ismargin-inline
and right would bemargin-inline-end
and left would bemargin-inline-start
More infoπ:
I hope you find this useful and don't hesitate to reach out if you have any questions.
1@ameera-abedPosted 4 months ago@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 GitHubJoin 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