@MikDra1
Posted
I encourage you to use this technique to make the card responsive with ease:
.card {
width: 90%;
max-width: 600px;
}
On the smaller screens card will be 90% of the parent (here body), but as soon as the card will be 600px it will lock with this size.
Also to put the card in the center I advise you to use this code snippet:
.container {
display: grid;
place-items: center;
}
Hope you found this comment helpful 💗💗💗
Good job and keep going 😁😊😉
Marked as helpful
@JawadM2002
Posted
@MikDra1 thank you so much, I'll make sure to follow this technique for future use 😊😁
@MikDra1 please use rem when you keep giving this piece of advice out. It makes a huge difference to those of us with a larger text size. I don't want to have to go through every challenge where you post this comment and add the note, it would be much easier if it said rem in the first place (please please please)
@MikDra1
Posted
@grace-snow
ok