Design comparison
SolutionDesign
Solution retrospective
how do i put the qoute picture on the first card? is there a better way to do this?
Community feedback
- @hyrongennikePosted about 2 years ago
Hi,
Just a few small suggestion. Add a
min-height: 100vh
andflex-direction: column
on the body this will center the testimonials on the page also just using height causes content to overflow.On the main tag set a
max-width: 1440px;
you can adjust the width as you like.On mobile you can add the following in a media query:
main { display: flex; flex-direction: column; gap: 2rem; padding: 2.5rem; }
To answer your main question. you can use the pseudo before or after element on the div#card1 to add the double quote to the first card.
Marked as helpful0
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