Coding Bootcamp Testimonials Slider with HTML, CSS and JS

Community feedback

• 

  Yann•75

  @YannotronPosted over 3 years ago

  also,

  I haven't checked original challenge but on mobile version, your padding sends the containers off scrre. Try to set your padding to 0 in .body, and padding: 2rem in .carousel-background

  0

  ---

  

  Melvin•270

  @MelvinMelonGitPosted over 3 years ago

  Thanks for letting me know :) @Yannotron

  0
• 

  Yann•75

  @YannotronPosted over 3 years ago

  Q1: interesting, I'll have a look.

  Q2: Try adding z-index on that class and only transition to opacity 1 => transition : 0.3s opacity. Maybe you can avoid using display : none that way.

  0

  ---

  

  Melvin•270

  @MelvinMelonGitPosted over 3 years ago

  I will try that @Yannotron thanks!

  0
• 

  Yann•75

  @YannotronPosted over 3 years ago

  Hi Melvin,

  I am not sure I understand the first question but with regards to question number two, you can use css opacity : 0 and change it to 1 with a transition.

  Yann

  0

  ---

  

  Melvin•270

  @MelvinMelonGitPosted over 3 years ago

  Hi @Yannotron

  Thanks for your reply!

  1. I read tutorials online and they used at least 3 different images to created the slider with infinite scroll, not sure how it can be done with only 2 images instead.

  2. Currently the hidden content is stacked underneath the visible one. If i were to use opacity 0, it leaves a blank space there. So im not sure what can be done besides using display "none".

  Regards, Melvin

  0