@adityas24
Posted
Hey Nika! good job with this one.
On small screens (below 600px) your card has no space around it. You card needs some left and right margin
around it. We do not set that margin on container as margin on container is set to auto
to center the card. So best way of doing this is that always wrap the container inside some element and give margin to that element, that can be section or div according to your requirement.
Here is the code
<div class = "card>
<div class = "container">
.
.
.
</div>
</div>
.card {
margin: 0 2rem;
}
Hope it helps. All the best 🙂👍
Marked as helpful
@Nikkakko
Posted
@adityas24 thanks for feedback.