Skip to content
Submitted almost 2 years ago

Insure Landing Page Vanilla HTML CSS and JS

Lisa Allen•530
@CrypticMango
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Insure landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Not sure why... But when looking at the project on mobile view the top image has a small space on the right and for the life of me I could not figure out why. Also, my CSS is way too long but I felt like if I touched too much it would mess it up. I will try to build more efficiently on the next one. This one got away from me.

Community feedback

  • Amal Karim ✅•1,290
    @amalkarimPosted almost 2 years ago

    Hi Shawtii,

    Your problem is caused by this declaration:

    .humanizing-section {
    ...
    margin: -4px;
    ...
}

    After you remove that, there will be small space below the image instead. That could be removed by adding display: block; to the image.

    Hope this helps. Happy coding

    1
    Lisa Allen•530
    @CrypticMangoPosted almost 2 years ago

    @amalkarim

    Hello Amal

    Ohhh! Thank you! I did not notice that. I will make the changes tomorrow. I appreciate you taking the time to look at my work.

    Have a good rest of your week!

    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