Design comparison
Solution retrospective
I have difficulty with responsiveness breakpoints, does anyone have a tip?
Community feedback
- @DavidMorgadePosted over 2 years ago
Hello Roberto, congrats on finishing the challenge, good job!
To answer your question, in your case, try using the standard media queries breakpoints, those are: 375px to 768px for mobile devices, 768px to 1440px for tablets and 1440px + for desktop.
Apart from that, if you want to make your image more responsive, if you change the mediaquerie from 921 to 1440 I think it will fit better!
Also, try changing you image background-size from
background-size: 100% 100%;
tobackground-size: cover
, this will make it even more responsive!Hope my feedback helped you!
Marked as helpful1@RobertoBaiochiPosted over 2 years ago@DavidMorgade Thank you very much David! I will definitely do that in the next challenge. Thanks!
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