Skip to content
Submitted about 3 years ago

Insure Landing Page Using TailwindCSS

tailwind-css
nathan•75
@nathanaelsanilo
A solution to the Insure landing page challenge
Preview (opens in new tab)Code (opens in new tab)

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!

Code

Please log in to post a comment

Log in

Community feedback

  • Amon•2,560
    @A-amon

    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 helpful

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