Skip to content
OverviewSolutions
1
Comments
5
César Machado
@cmachdev

All comments

  • César Machado•30
    @cmachdevPosted over 1 year ago

    Hi, could you see my solution and tell me what I did wrong?

    Solution

    Look at the screenshot between my solution and the design

    Thank you

    0
  • César Machado•30
    @cmachdevSubmitted over 1 year ago

    This is my first challange, feel free to leave your feedback, I will appreciate it

    Have fun togheter coding and learning

    QR Code Component

    2
    César Machado•30
    @cmachdevPosted over 1 year ago

    the text overflowing, in one computer look nice and the other one look with that overflowing, just changing the font-size to 1.3 and 1.4 change one each other, I don't know why, and I will see the h2 and p, thank you

    0
  • César Machado•30
    @cmachdevPosted over 1 year ago

    Nice work...

    to center the .card horizontal and vertical you can use flexbox in the body, using - min-height: 100vh; display: flex; flex-direction: flex-direction: column; justify-content: center; align-items: center;

    and you don't need to add position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);

    0
  • César Machado•30
    @cmachdevPosted over 1 year ago

    Hi, good work but add

    to center horizontal and vertical add to body justify-content: center; align-items: center; - along with the others you have.

    feel free to delete the property margin: auto; from .container

    0
  • tomdu3•20
    @tomdu3Submitted over 1 year ago

    Not sure about the colours. They look different from the design images.

    HTML and CSS only

    2
    César Machado•30
    @cmachdevPosted over 1 year ago

    Hi, good work but add

    in the body to center horizontal and vertical use min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;

    this is the right color to the background hsl(212, 45%, 89%)

    delete in .windows margin: 10em 0;

    Marked as helpful
    1