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

Many hacks to implement these background images

@iho

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 be meticulous :3

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Nice work, Ihor! Overall you've done a really good job on this challenge. As you can see by the design comparison there are still some CSS refinements that you could make. Having that attention to detail is a key skill of a front-end developer, so it's well worth spending the time getting your solution looking as close to the design as possible.

One other thing is that you've got click listeners on img elements for the mobile navigation. I'd recommend avoiding adding click listeners on non-interactive elements. This is because they will be inaccessible to people who can't use a mouse/trackpad to navigate the website. Instead, use anchors or buttons to trigger events, as these are interactive elements and can be focused by the user without the trackpad.

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

0

@lailton-b

Posted

Hahahah, yeah, i found it a bit complicated too. Great job!!

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