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

e learning responsive html/css

Andrew Simonsβ€’ 290

@AndrewSimons3

Desktop design screenshot for the Skilled e-learning landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas πŸ‘Ύβ€’ 104,440

@correlucas

Posted

πŸ‘ΎHello Andrew Simons, congratulations for your new solution!

Your solution design is just perfect, I've done this challenge too and I know how hard it its. The hero image is really tricky to manage.

I've opened your solution and the container is growing too much, note that the container for this challenge is max-width: 1110px for all the sections.

If you want to see this structure, you can consult my solution to see what I am trying to say: https://www.frontendmentor.io/solutions/skilled-elearning-landing-page-vanilla-css-wr-dMF3Qk1

Great solution bro, keep it up!

πŸ‘‹ I hope this helps you and happy coding!

0

Andrew Simonsβ€’ 290

@AndrewSimons3

Posted

@correlucas thank you! yes I spent so much time with that image in all of my media queries. Also, another issue I saw was that my responsive design in "ipad" was different than my desktop window at the same exact width. Pretty sure it's something to do with my the height vh.

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