Submitted 9 months ago
Testimonial Grid Site Using Grids and Flexboxes
@elameendaiyabu
Design comparison
SolutionDesign
Solution retrospective
Need help on how to put that quotation pattern svg in the background of the first element. Thanks
Community feedback
- @i-amWinPosted 9 months ago
Set the
position: relative;
andisolation: isolate;
on first card and add that quotation mark on the pseudo element as shown in code below:.card:nth-of-type(1) { grid-area: card-1; background-color: hsl(var(--moderate-violet)); isolation: isolate; position: relative; } .card:nth-of-type(1)::before { content: url("./images/bg-pattern-quotation.svg"); position: absolute; top: 0; right: 8%; /* Adjust this according to your preferences. */ z-index: -1; }
Marked as helpful1@elameendaiyabuPosted 9 months ago@i-amWin Thanks for the feedback. I just tried to do it but didnt work. i will look into it and fix it.
0
Please log in to post a comment
Log in with GitHubJoin 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