Design comparison
SolutionDesign
Community feedback
- @MohammedBentalbPosted about 1 year ago
hello Qendresa, I do like how your projects are getting better and better, and closer to the design and some even match great but u need to know that the design is not responsive (centered) on devices that are bigger than 1440px,
(most of your projects)
, most because (as I saw in some projects) mostly because you define the body to be max-width of 1440px and that's unadvisablehere are better ways to handle it :
- set the container
not the body
to a max-width of 1440pxand center it using either grid or flex
(flex is easier)or simply by using margin on elements
(it depends on how the elements are styled )`.
if you happen to be working on a device with a screen < 1440px you can still preview other sizes by devTools , and try extra wide dimensions to see the project's look.
cheers
Marked as helpful0 - set the container
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