Testimonials grid section with css grid

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hey, Karin! 👋

  Nice job on this challenge! Your solution looks good and responds well! 👍

  You should be able to allow the testimonial cards to shrink when the screen width gets below 327px by setting the grid-column sizes using the minmax() function or even using fr units (so that the width of the column can shrink but never grow larger than a certain amount). You don't need to worry about that too much, though, since there aren't that many devices that have screen widths below 320px. 😉

  I only suggest adding an alt tag to that background quotation SVG to clear up your solution report (or you could actually add it into your design using a pseudo-element to take it out of your HTML completely).

  Keep coding (and happy coding, too)! 😁

  1

  ---

  

  Karin•95

  @iAmKarinPosted almost 4 years ago

  Hi ApplePieGiraffe, thanks so much for your time to check my code and your support. I have changed the size with minmax() and it worked, but it got me in other problems about the height of the row. After testing i decided it would be better to keep it 327px width. And as you mentioned, not many devices will go below. Also changed the html/alt-tag. Ready for a next challenge ! Cheers!!

  0