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 using HTML5 and CSS3

@confusedDip

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


Please share your feedback!

Community feedback

@krebeDev

Posted

The design is great on desktop/large screens. I suggest you include media queries by introducing different breakpoints/CSS rules to make it responsive in smaller viewports.

1
P
Matt Studdert 13,611

@mattstuddert

Posted

You've done a really good job of replicating the desktop design. As Solomon has mentioned, a great next step would be to turn this into a responsive web page.

I notice you're using position: absolute; to position most of your content. I'd recommend avoiding this, as you're essentially sticking elements in place. This will lead to issues, especially when trying to make it responsive. Instead, I'd recommend looking into using Flexbox and CSS Grid for layout purposes. They're really powerful tools!

Let me know if you have any questions. Keep up the great work!

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