Skip to content
Submitted over 2 years ago

HTML , CSS, HOVER TRICKS

Kamil Wieliczko•70
@Mrbabet
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

Please give me some advice how to improve this project!!

Community feedback

  • Lucas 👾•104,340
    @correlucasPosted over 2 years ago

    👾Hello Kamil, congratulations for your solution!

    You've done a really good work here, I liked a lots the way you've customized the card-courses section, this is something I'll use as an inspiration to improve my project too!

    The best way to manage there hero image in order to don't have this image pushing the rest of the content while the screen scales down, is to use overflow: hidden; inside the whole hero-section in order to allow the hero image gets cropped and don't affect the other elements and forcing its paddings.

    Hope it helps and happy coding!

    Marked as helpful
    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