Testimonials grid section solution

Solution retrospective
Proud of getting the grid layout correct. I would likely start from mobile and work up to desktop next time. I also gave up on matching the font and colors for each section as I was focused on the layout.
What specific areas of your project would you like help with?keeping all content centered vertically as well as getting the background image quotes in the background of the first card
Please log in to post a comment
Log in with GitHubCommunity feedback
- @LeyaDiaz
Your page looks amazing! To place the quotation marks SVG behind the text in the top-left corner of the card while keeping the background color, use CSS
background-image
withbackground-position: left 2rem top 2rem;
andbackground-repeat: no-repeat;
. Set the card’sbackground-color
as usual and add a media query to show the SVG only on large screens (e.g.,@media (min-width: 1440px)
). This positions the SVG nicely away from the edges and behind the content. I hope this helps!
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord