Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Insure -- Responsive landing page

@jimaier89

Desktop design screenshot for the Insure landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


A couple of things I couldn't figure out that I would appreciate feedback on:

  1. If the header nav menu has been opened and closed, then it kind of appears and quickly disappears whenever you resize the window. I'd like to know if this is really a problem and if so, how to fix it.

  2. I used the background image property to set the background pattern in the nav menu. It worked fine until I moved all the images into the dist folder. I rewrote all the src destinations in the <img> tags, but this was the only image that I accessed through SASS. I'm not sure now how to make sure it renders.

Community feedback

@ElieB77

Posted

Hey !

I've noticed a slight bug on your navbar menu, when you open the menu on mobile landscape mode the "view plans" button is cut out.

Other than that, this is a really good solution!👍👍

Keep coding!

0

@jimaier89

Posted

@ElieB77 I didn't even think to test it in landscape mode, thanks!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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