Skip to content
Submitted over 1 year ago

First project using SCSS - skilled e-learning landing page

Łukasz Lubaszewski•120
@luckyszakul0
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Skilled e-learning landing page
  • HTML
  • CSS
1newbie

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

  • Constantine Tereschenkov•230
    @kdubrovskyPosted over 1 year ago

    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
    Łukasz Lubaszewski•120
    @luckyszakul0Posted over 1 year ago

    @kdubrovsky Thanks, I'll check it out 👍

    1

Please log in to post a comment

Log in with GitHub

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