Skip to content
Submitted over 2 years ago

Manage landing page using HTML,CSS,JS

Kiyoomi•480
@Jukiyoomi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Manage landing page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

I did my best on this challenge and really tried to do it pixel perfect, but I couldn't understand why my carousel keeps cutting the photos... if anyone can help me about this, I did it using Glider.js !

Community feedback

  • Stefan•730
    @stfnpczkPosted over 2 years ago

    Hi Kiyoomi,

    I think the issue can be fixed, if you use padding-top instead of margin-top within testimonials .cards

    1
    Kiyoomi•480
    @JukiyoomiPosted over 2 years ago

    @stfnpczk OH it worked ! Thank you Stefan ! But I don't understand why...

    0
    Stefan•730
    @stfnpczkPosted over 2 years ago

    @Jukiyoomi I believe it’s because your content display is restricted by the size of draggable flex container. With padding you extend the border of that container, whereas with margin the space is outside of the flexbox and is therefore cut off.

    0

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