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 Responsive Solution

@ArryBlack

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


What are you most proud of, and what would you do differently next time?

I solved a complicated page which seemed really challenging at first. I'm proud of the fact that I was able to break down the components and build them one by one, even managing to overcome the issues that I did not expect during initial planning.

What challenges did you encounter, and how did you overcome them?

  1. Positioning of the various background patterns.
  2. Creating the mobile nav button and making it functional
  3. Keeping a consistent markup
  4. Design images were provided for desktop and mobile, but on medium screens, the design was looking awkward, so I opted for some creative liberties.

What specific areas of your project would you like help with?

Any help on semantic markup, better styling and transition, accessibility or functionality issues. Suggestions for alt tags for the 'background patterns'.

Community feedback

P
Mark Maksi 110

@mmaksi

Posted

Good job, bro! Keep going!

1

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