Hello, Franco A! 👋
Congratulations on finishing another challenge! Again, good job! Grid is really powerful when it comes to layout things. In your solution there's only mobile version and desktop version. Try to add some media query and made your grid to take 2 columns and 3 rows in tablets resolution. Take a look at minmax
notation that defines a size range greater than or equal to min and less than or equal to max for grid-template-columns
. This is my solution to this challenge. I know it is a bit old but you'll see my idea.
- Change the
alt
attributes for the.testimonials__author-image
avatars, as they don't add any extra context for screen reader users. Changing toalt=""
will make screen readers skip those avatar images.
Good luck with that, have fun coding! 💪
@franco-a
Posted
Hey @tediko , thanks again for the feedback! I'll be trying to create a tablet layout