Stored the dynamic data of the slides in the javascript file.

Community feedback

• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted over 4 years ago

  Hey Aju, to avoid that square box I'd recommend putting the box-shadow on the img element instead of the .image-wrapper. You're moving the img when the slides change but keeping the .image-wrapper where it is. That's why you're seeing the box.

  Nice work on this challenge. My main recommendation beyond changing the box-shadow would be to go through the CSS one more time matching your solution up to the design to try and get your project as close to the design as possible. Accuracy is a key part of being a front-end developer, so it's a skill that's well worth taking some time to build.

  I hope you're enjoying building the project!

  0

  ---

  

  Aju•120

  @ajujayapalPosted over 4 years ago

  Thank you. That worked. I'll update the solution and bring it as close to the challenge as possible. Thank you again.

  0
• 

  P

  Emmilie Estabillo•5,540

  @emestabilloPosted over 4 years ago

  Hi @ajujayapal, it's the box-shadow property on the .image-wrapper that is causing the div to stand out. Perhaps applying it directly to the img tag would solve your issue. Hope this helps :-)

  0

  ---

  

  Aju•120

  @ajujayapalPosted over 4 years ago

  Thank you! That worked! Learned something new! :)

  0