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

First project using SCSS - skilled e-learning landing page

P

@luckyszakul0

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

Solution retrospective


Hi everyone, I (for now) finished my first project using SCSS. First I was a little frustrated with it but quickly learned some things and the enjoyed the process. I had some problems with overflow-x not working in chrome dev-tools but everything looked alright when I checked the website in firefox and on my phone. If someone encounters any problems please let me know! And of course - all other feedback is greatly appreciated! Have a nice day 💜!

Community feedback

@kdubrovsky

Posted

H, Łukasz! Your work looks almost perfect but there are few thing you can improve:

  1. You definitly should try to get rid of large image in promo section and reconstruct it with simple html and css. It is great speed and visual quality improvement. (only girl with a cup of tea has to stay as png image)
  2. There is a tiny bug in Safari (iOS and desktop) with overflow-x: hidden. We have to assign that property for html to prevent horizontal scrolling. Wish you all the best and feel free to check my solution @ my github 🙏

Marked as helpful

0

P

@luckyszakul0

Posted

@kdubrovsky Thanks, I'll check it out 👍

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