Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Responsive layout using grid, flexbox and Sass

accessibility, sass/scss
Stu Cowley•250
@frontendstu
A solution to the Insure landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

The part of this project I am quite proud of and really challenged me was the mobile menu. I have always wanted to create a full sized mobile menu when toggled open.

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

Eh, the hero patterns really did my head in, I thought about giving up and not including them, but with some reflection and time away I was able to overcome them and add them to the project. I know that they will be incorrect and look 💩 on bigger viewports, but hey they're there 🤭

Other than that, I didn't have any issues with any other parts of the project. I was quite happy with how it turned out.

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

If anyone could point me in the direction of any tutorials on how I can correct do background patterns it would be greatly appreciated.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Stu Cowley's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License