@yallsobad Your cards container does not align with the other content on the page. You need to remove the margins from the review elements. Try this:
.review{
background-color: var(--Very-Dark-Magenta);
color: var(--White);
height: 230px;
/* margin: 1rem; */
padding: 1.5rem;
border-radius: 0.5rem;
}
Then add a gap to the bottom element
.bottom{
gap: 1rem;
}
You also did not make it responsive. There is no mobile version
Marked as helpful
0
Bingerminn• 240
@yallsobad
Posted
@alosoft Thank you! Great tip!
The mobile version kicks in @ 375px per the design, but it looks like I should use 425px for that from now.
Appreciate the feedback!
0