@cndofx
Posted
A couple things I would change:
- Don't center your container element with the transform property. Try something like making your body either a flex or a grid container and centering its children:
body {
display: flex;
justify-content: center;
align-items: center;
}
- Remove the fixed height from your container and text classes so that the content can determine the proper height to avoid overflowing.
- Don't use a percent unit for the border radius as this causes the corners to be uneven on non square elements. Instead, try a unit like px or rem.
Marked as helpful
@vivanchauhan
Posted
@cndofx learning new things everyday thankyou.