Skip to content
Submitted 6 months ago

Manage Landing Page

Victoria Azola Silva•1,290
@VickyAzola
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

What specific areas of your project would you like help with?

Hi there! I would like some help with the carousel on desktop. For now, I create a copy of the array and concatenate it with the original array, but then it goes back to the first element. I want to know if there is a way to make the carousel on desktop infinite.

Thanks!

Community feedback

  • DeyanTopalov•430
    @DeyanTopalovPosted 6 months ago

    Hey @VickyAzola, congrats on another great solution!

    A small tip on my end - consider providing a max width of your body (usually those are around 1440 - 1600px, but depends on the design and purpose of the site). If no max width is set, then the layout becomes a bit weird on ultra wide screens.

    Regarding the infinite scroll on desktop, there is a great video from Kevin Powell "Create an infinite horizontal scroll animation". But my personal advice is to also consider working with component libraries as they can save a lot of time, but can be tricky at first.

    Hope this helps!

    Keep the good work!

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