Skip to content
OverviewSolutions
8
Comments
3
IlyasSoe
@IlyasSoe

All comments

  • IlyasSoe•120
    @IlyasSoePosted over 1 year ago

    Hello! nice work!

    Replace height: 800px; in .app-container with min-height: 100vh;

    and Delete width: 1440px;

    0
  • JustDiggs•50
    @JustDiggsSubmitted over 1 year ago

    How do I make it so that this website looks good on both mobile and pc?

    Should I be using px as a measurement?

    How can I make my html and/or css less "messy"

    QR Code Component

    2
    IlyasSoe•120
    @IlyasSoePosted over 1 year ago

    Hello ! nice work !

    use in body the flexbox property or grid to center will align the card in the center (in both axis) instead of the margins in .container.

    e.g :

    body {
min-height: 100vh;
}
.container {
display : flex;
align-items: center;
justify-content: center;
}

    for more details : Click me

    Marked as helpful
    1
  • IlyasSoe•120
    @IlyasSoePosted over 1 year ago

    Hello, nice work !

    Use background-repeat: no-repeat; in your css for background-image property.

    Marked as helpful
    0