Design comparison
SolutionDesign
Community feedback
- @afaiz-spacePosted over 2 years ago
Hey @asmazahra,
- background curved image is used in the body element of the CSS file.
add
min-height: 25rem;
andalign-items: center;
in the .card_wrapper class. - Remove
transform:
from the all blockquote element. - add
blockquote:nth-child(1) { /* transform: translateY(-10px); */ align-self: flex-start; } blockquote:nth-child(2) { /* transform: translateY(15px); */ align-self: center; } blockquote:nth-child(3) { /* transform: translateY(30px); */ align-self: flex-end; }
0 - background curved image is used in the body element of the CSS file.
add
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