Design comparison
Solution retrospective
Hai, I'm facing problem to implement responsive background image. In this solution, I have not use any background image. I try to put background image based on breakpoint tailwind presets, but background image on intro section should be overlaying another image and other background image is having a gap on left and right. I'm still exploring how to use background image properly.
Any comments are welcome, Thanks in advance!
Community feedback
- @A-amonPosted over 2 years ago
Hello! That's a job well done~ 😀
I hope these suggestions will be helpful:
- I noticed that your intro image doesn't have a full width at sizes 375 - 768px. 👀
- You can using before/after pseudo-selectors for overlaying the image for intro section. Reference
- If I understood your other problem correctly, applying the background image to the div with .more class should fix it.
Marked as helpful1@nathanaelsaniloPosted over 2 years ago@A-amon hi Amon, I didn't notice my intro image doesnt fill the containers, I will try to fix it by set the width to be 100%. Your suggestion is helpful, I should learn more about pseudo-selectors
Thanks Amon!
0
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