@SLineroDev
Posted
I have a few recommendations: body { height: 100vh; /* width: 100%; */ <-removing this margin: 0; <-adding this font-family: 'Red Hat Display', sans-serif; background-color: hsl(225, 100%, 94%); }
.order_summary_card_flex-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; <-adding this }
And you have your card centered and no scrollbar. I think its very important that margin: 0 for the body. All browsers add it by default and it´s a pain in the ass, specially for scrollbars.
Marked as helpful
@SLineroDev
Posted
@SLineroDev Also, try to avoid border radius with %. it looks weird. just use px or rem instead.
Marked as helpful