Design comparison
Solution retrospective
I've tried too as much as precise and close to the design and manage to complete this challenge.🚀 But still my background image not being getting responsive to the mobile design any help regarding my code optimization and background image would be great.! 😌
Happy Coding !!🫡
Community feedback
- @ly-mathPosted 11 months ago
Hey, nicely done, I've noticed you mentioned that your background img not being responsive for small screen is because, you didn't set @media for smaller screen size. And there is another Background image for smaller screen in the "Images" file. Here's an example:
@media (max-width: 600px) {
body { background-image: url(assets/images/background-pattern-mobile.svg); }
}
You can set the min or max-witdth to whatever suit your project. I'm not a professional but Hope this help :)
Marked as helpful0@yagnik0Posted 11 months ago@zkris-69 Thanks for taking your time on reviewing my code it is helpful, I'll do it very soon.😊
0
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