Responsive Testimonials Section using CSS Grid

Solution retrospective
Adding and positioning SVG as a background image. How to avoid scrolling when viewed in full
Please log in to post a comment
Log in with GitHubCommunity feedback
- @kunal90803
Great Work @Annalyza106
Coming to your doubts.. You should work upon its z-indexing Just simply write
<img src="./images/bg-pattern-quotation.svg"/>
right after your card_1 class and add this css into your above image class
border-radius: 0; position: absolute; height: 150px; width: 150px; right: 5rem; z-index: 1;
adjust it accordingly as well as give card_1 position : relative
and for class summary give z-index higher than 1.Coming to your other doubt as your design is covering more than the screen size so its better to be scrollable. Or u can give height of 100vh to your container and overflow hidden to prevent scrolling.
Best of luck for future ahead.
Marked as helpful if this feedback proves helpful to u.
Marked as helpful - @muhammadawaislaal
good you are such a professional developer
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