Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Single Page Design Portolio with pure JS carousel

sardarz 150

@sardarz

Desktop design screenshot for the Single-page design portfolio coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@elaineleung

Posted

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

@sardarz

Posted

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

1

Please log in to post a comment

Log in with GitHub
Discord logo

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