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 w/ CSS Grid

@JesusAtao96

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


Hi all ๐Ÿ‘‹

I decided to do this challenge with Sass, CSS Grid and BEM methodology.

Any feedback is appreciated.

Happy New Year and keep coding ๐Ÿ˜Š.

Community feedback

P
ApplePieGiraffeโ€ข 30,565

@ApplePieGiraffe

Posted

Hi, Jesรบs Alejandro Atao! ๐Ÿ‘‹

Nice to see you complete another challenge! ๐Ÿ˜€ Nice work on this one! ๐Ÿ™Œ I like the spinning animation you added to the hover state of the social media links in the footer of the page! ๐Ÿคฉ

A few things I suggest are,

  • Adding a minimum height to the hero section so that the background covers all of the content on all screen sizes (currently, on smaller desktop screens, it isn't doesn't quite cover all of the content).
  • Making sure the background image of the mobile navigation shows up in the tablet layout of the site (it only shows up when the screen size gets below 37.5em, for some reason).

Keep coding (and happy coding, too)! ๐Ÿ˜

3

@JesusAtao96

Posted

Hi ApplePieGiraffe ๐Ÿ‘‹.

Thanks for the feedback ๐Ÿ˜€

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