All comments

• 

  Nafsuki• 245

  @Nafsuki

  Submitted over 3 years ago

  I coded desktop first, mobile responsive slider using Sass and flexbox layout. User can use either mouse click/ keyboard left + right arrow key, trackpad & touch screen swipe to slide the testimonials☺️

  -My questions: <1> I tried to change the size of the svg icons smaller for the mobile version, but by changing its width & height, I couldn't make it happen. I googled about it but couldn't find a clue. <2> My screenshot of this challenge looks terrible even after taking a new one🙀 It doesn't look so broken as the screenshot in the real preview for me. So I'm confused. Any idea how I can fix that..?

  If you know how to do it, please let me know:))

  Any feedback & suggestion for improvement would be very much appreciated ☺️🙏!!

  

  Coding Bootcamp Testimonials Slider using Sass & JS

  1

  1

  0

  

  H.N.S• 160

  @hns-dev

  Posted over 3 years ago

  I had the same problem with sizing the svg icons. https://css-tricks.com/scale-svg/#the-viewbox-attribute This article and the slack community helped me.

  In short, use svg viewBox attribute to resize svg images. Then, change the height and width using css.

  0