Skip to content
Submitted over 2 years ago

Single Page Design Portolio with pure JS carousel

sardarz•150
@sardarz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single-page design portfolio
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hooray!! I managed to finish carousel with gap between slides all by myself. It was really challenging but at the same time very rewarding and fun. Learned a ton today. Is my solution okay in terms of the way that I set fixed width of the overall container for slides so that math could work better? Or are there other ways? And I need to learn how to make carousel infinite so that it does not bounce from start to end and vice versa

Community feedback

  • Elaine•11,400
    @elaineleungPosted over 2 years ago

    Hi Sardarz, this is excellent work, and yes you should be proud of yourself for the hard work you put in here! 🙂 It looks great, and it's super close being pixel perfect; all that's needed is just the font size of the headings, which can be slightly bigger. Also, the responsiveness is quite well done on the whole; maybe the only thing I'd do a little differently is just to have a max-width around the 500px so that those boxes don't stretch too much, and so there would just be a bit more spacing until your breakpoint. Anyway, I just came to say great job, and hope to see more work! 😊

    Marked as helpful
    1
    sardarz•150
    @sardarzPosted over 2 years ago

    @elaineleung Thank you very much!!! :)))

    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