Skip to content
OverviewSolutions
3
Comments
1
cndofx
@cndofx

All comments

  • cndofx•50
    @cndofxPosted about 2 months ago

    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
    0