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 landing page with HTML and CSS

PJ Mantoss 235

@PJMantoss

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


I could not do the active state design for the buttons (except the one in the header). They don't change on hovering the mouse. How could it be done? Thank you

Community feedback

Adarsh Pratap 5,515

@adarshcodes

Posted

Hi! @PJ Mantoss, try the solution as told by @MSultan9, it'll work and also the responsiveness you can add some breakpoint at 1050 and few less than as required for good responsiveness, nice work👍.

1

PJ Mantoss 235

@PJMantoss

Posted

@adarshcodes I tried the solution by MSultan9 and it worked. Thank you. For the responsiveness,I really don't know how to apply two different break points at once (in the same css). Can it be done? I only adjusted the previous breakpoint '@media(max-width: 770px){}' to '@media(max-width: 1050px){}'. Thank you

1
Adarsh Pratap 5,515

@adarshcodes

Posted

@PJMantoss I was saying that you can add 4-5 breakpoints for the good responsiveness, and I don't think we can add two breakpoints simultaneously. I saw your update and it now responsiveness works fine🙂, but there are few layout problems which I know you'll fix from your next project, great work👍.

0
PJ Mantoss 235

@PJMantoss

Posted

@adarshcodes Thank you.

0
MSultan9 700

@MSultan9

Posted

You added z-index: -1 on the intro div which pushed it behind the page wrapper If you remove the z-index or increase it button hover would work

1

PJ Mantoss 235

@PJMantoss

Posted

@MSultan9 Thank you very much. I applied your correction and it worked perfectly. 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