Skip to content
OverviewSolutions
15
Comments
5
AnthMan
@Anthvirus

All comments

  • AnthMan•190
    @Anthvirus

    Your project is very unresponsive

  • AnthMan•190
    @Anthvirus

    On the body section in your .grid-container. Add: align-items: center; Nice code. Happy coding:)

  • AnthMan•190
    @Anthvirus

    Remove these codes: -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto; top: 50%;

    Then, go to the body: add these codes: max-width: 100vw; min-height: 100vh; display: flex; justify-content: center; align-items: center;

    That's it. Your code is great and I love your styling. Happy coding ;)

    Marked as helpful
  • AnthMan•190
    @Anthvirus

    Set your text-align to center, and swap the colors of your text. Happy coding

  • AnthMan•190
    @Anthvirus

    Just a tip, not necessary that you're wrong.

    • If you have two boxes, one inside another and they require round borders, set the border-radius of the one inside to be half of the container box.
    • Also increase the font-size of your sub-heading