Huddle landing page with a single introductory section
Design comparison
Solution retrospective
hey, this is the first time i'm doing a challenge so if anyone has a feedback, feel free to send me! i felt some difficult with ajusting some sizes because my screen is not that wide like the design requested, so if anyone has a tip for coding for big screens on medium screens...
Community feedback
- @hagureshinmaPosted almost 4 years ago
Hi Tati. Good work.
Check the report the site generates about your solution to fix some minor issues.
Notice that there are 2 different background images, one for mobile and one for desktop, you can change it in your media query.
It's recommendable to change the aproach to mobile first, that means making your base code for small screens and use the media queries to add and acomodate content 'till screen size reach desktop.
To anwer your question, while previewing your site in the browser turn on the "developer tools" options and use responsible design mode (https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_Mode) (https://developers.google.com/web/tools/chrome-devtools/device-mode) that way you can increase the viewport size to the minimun and maximun required.
Happy coding!
1
Please log in to post a comment
Log in with GitHub
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