Skip to content
Submitted over 3 years ago

Responsive-Bootcamp-Testimonial-Slider-Made -With-GRID-FLEXBOX-and-JS

sass/scss, accessibility
Kamasah-Dickson•5,570
@Kamasah-Dickson
A solution to the Coding bootcamp testimonials slider challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello FrontendMentors. I made a solution for the bootcamp testimonial slider. I wanted to add an @keyframe class to the slider when the button is toggled but it seems the transition only happens once when I toggle the button. Well what do you think about my solution. I really need your opinions on this and please do not forget to like and comment. have a nice day :)

Code

Please log in to post a comment

Log in

Community feedback

  • Danilo Blas•6,300
    @Sdann26

    Hello Kamasah!

    I hope you can understand my comment as the button depending on how big the screen is can move out of the image.

    Personally I would create a parent div that has inside the image and the button, this div with positivon: relative (This div would occupy the same size as your image). And with that I would position the button with position: absolute and z-index: 1. And there I would begin to position it, since the button is currently positioned with respect to the <div class="right-img"> and depending on the screen the button would move lower or higher (I'm talking about the desktop view).

    If you manage to achieve that it will look good for all screen types.

    By the way the text and the user name have the following color if I am not mistaken hsl(240, 38%, 20%) and the sentences have a thinner font-weight for example font-weight: 200.

    And nothing you already know how to fix the errors in the report, the rest seems fine to me.

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