Design comparison
Solution retrospective
Improved the responsiveness from my first attempt. I welcome any feedback with ways I can improve my code!
Community feedback
- @yishak621Posted almost 2 years ago
hey congrats for completing the project but u should add a max-width value to the main container ....it shouldnt be extended whenever the screen size is getting bigger and bigger so when the design starts being ugly thats ur max width and do that for mobile and pc version too and also instead of a media query for images use a picture element and add a srcset value since it is resolution switching method for 1x and 2x screens size ....so the srcset will detect the screen size and add the given image for that screen
<picture> <source srcset="images/[email protected] 750w, images/[email protected] 1200w" /> <img src="images/[email protected]" /> </picture>
Marked as helpful1 - @Chiku100Posted almost 2 years ago
Congratulations on finishing the project Siani !!! Site is fully responsive. One little suggestion that you can use Picture tag for image responsiveness instead of media queries. HTML Picture Tag Happy coding!
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