@ecemgo
Posted
Some recommendations regarding your code that could be of interest to you.
- If you want to make the card centered both horizontally and vertically, you'd better add
justify-content: center;
to thebody
body {
justify-content: center;
}
- If you use flexbox in the body, you don't need to use
margin
in the.wrapper
to center the card - If you use
max-width
, the card will be responsive
.wrapper {
/* margin: 0 1em; */
max-width: 300px;
}
- Finally, you don't need to use
.container
and you can remove it to clean the code
/*
.container {
max-width: 360px;
margin: 0 auto;
}
*/
Hope I am helpful. :)
@pranjalipongde
Posted
@ecemgo thank you for your suggestion. I would like to implement it and yes , learnt new way as well.