@MikDra1
Posted
For a quick and easy way to make your card responsive, use the following CSS:
.card {
width: 90%;
max-width: 37.5rem;
}
On smaller screens, the card will occupy 90% of its parent container, and once it reaches 37.5rem (600px), it will maintain that width.
To center the card, try this:
.container {
display: grid;
place-items: center;
}
Hope this helps! 💗💗💗
Keep up the great work! 😁😊😉