Design comparison
Community feedback
- @Lo-DeckPosted about 19 hours ago
Hi well done for this challenge,
Above 2100px your website has a bad behavior it spread out all the screen. You can check it out with the web developper tools.
I think there is a problem with :
@media (min-width: 452px) and (max-width: 2100px)
@media (min-width: 941px) and (max-width: 2100px)
It's easier to start with a mobile-approach FreeCodeCamp.
You'd better start with the mobile size and then :
@media screen and (min-width: your-desktop-size)
.It will be easier for you to make a website.
It's better to use
em
orrem
instead ofpx
. FreeCodeCamp. FreeCodeCamp.Hope to be helpful.
Marked as helpful1@workdotnishaPosted about 16 hours ago@Lo-Deck Thank you so much for your valuable feedback! 😊 I’ve carefully reviewed and corrected the issues you mentioned. I’ve adjusted the media queries to follow a mobile-first approach and replaced px with em and rem for better scalability. Could you please check the website again and let me know if everything looks good now? Your input is highly appreciated!
1@Lo-DeckPosted about 13 hours ago@workdotnisha I just checked and it works well now. Well Done.
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