Design comparison
SolutionDesign
Solution retrospective
In mobile design the image is not fitting on the screen ( width ). Please comment on responsive part .
Community feedback
- @santu369Posted over 3 years ago
Hi @mansi, There is one more image provided with the design files - image-header-mobile.jpg, you can change the image to this one in mobile view. I checked the code and didn't find this being used. Hope this helps.
1 - Account deleted
Hey @mansi05041,
I think what's causing the width issue is this part
@media screen and (max-width: 768px).container { padding: 15%; ... }
Removing the padding property and setting the margin of the body element to
0
should help the image fit better on screenbody{ margin: 0 }
//Kenny
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