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

JS, CSS and HTML

@kushank1207

Desktop design screenshot for the Coding bootcamp testimonials slider coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my first JavaScript webpage. Would like feedbacks.

Community feedback

Martin 1,150

@ringm

Posted

hey Kushank! Great job on completing this challenge, the site looks really good! Identical to the original! I have some minor suggestions that can make your site look even better:

  • The JS looks good, however I would encourage you to build some animation for the transition between slides. I would look much more polished and eye catching. [Here's my take on the challenge] (https://www.frontendmentor.io/solutions/sass-grid-and-css-animations-OG4YmHISD) if you want to check how I implemented them.

  • The site is not centered when you view it on large devices, I suggest adding the old margin: 0 auto; to the container class to achieve that ;)

Keep up the good work!

Cheers,

Martin.

3

@rlabuonora

Posted

Great solution! Adding to what Martin said above about centering and transitions (I haven't implemented transitions on my solution either), I noticed the next and previous slide buttons are in the middle of the image.

I used absolute positioning to solve that, here is my solution in case you are interested:

https://www.frontendmentor.io/solutions/plain-css-and-js-solution-2I4ATIl5l

0

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