Skip to content
OverviewSolutions
27
Comments
6
NitheeshKumar C
@NitheeshKumar-C

All comments

  • NitheeshKumar C•440
    @NitheeshKumar-CPosted over 2 years ago

    Hi there😀,

    Your solution look's good.

    And for the bg image(for background img tag) use,

    👉position: absolute : this will not affect the flow of other element.

    👉z-index:-1 : by default all elements as z-index:0 by giving -1 it will moved to back.

    👉left , top , right and bottom: by using this property on element with position: absolute or relative you can change/ modify the place of that element.

    Happy coding👨‍💻

    NitheeshKumar😄

    Marked as helpful
    1
  • NitheeshKumar C•440
    @NitheeshKumar-CPosted over 2 years ago

    Hi there 😀,

    I think the share icon for small screen issue can be fixed by removing max-width:100%; from img .

    Happy coding👨‍💻

    Nitheeshkumar

    0
  • NitheeshKumar C•440
    @NitheeshKumar-CPosted over 2 years ago

    Hi there 😀,

    I can help with some issues. You can make the body content center using flex-box,

    Example for this problem:

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

    and remove margin: 10em 30%; from .QRcode.

    If you think this is helpful please mark as helpful.

    Happy Coding 👨‍💻,

    Nitheeshkumar

    Marked as helpful
    0
  • NitheeshKumar C•440
    @NitheeshKumar-CPosted over 2 years ago

    Hi there😃,

    The solution looks good. Here are some improvement code,

    For more accurate center use flex-box:

    Based on the problem use :

    body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    For <hr> (Horizontal line):

    hr {
    border: 1px solid;
}

    Happy Coding👨‍💻,

    NitheeshKumar

    Marked as helpful
    0
  • NitheeshKumar C•440
    @NitheeshKumar-CPosted almost 3 years ago

    Hi there 😀,

    You can fix it by removing justify-content: center from body element👍.

    Happy coding ☕.

    Nitheeshkumar

    1
  • NitheeshKumar C•440
    @NitheeshKumar-CPosted almost 3 years ago

    Hi there 😃,

    Well done with the project ✨. It's look good and responsive✔.

    Happy coding ☕.

    NitheeshKumar

    0