Frontend Mentor | amakura-411's profile

@Alex-coding-3420

Submitted 10 months ago

Thank you for looking at my solution for this project. Please share any insights or suggestions you have—I'm eager to learn and enhance my work further!

QR Code Component using Flexbox, CSS, and HTML

amakura-411• 60

@amakura-411

Posted 10 months ago

Just an amateur's opinion, I seems like to see html's height is not fit.

I checked the code you provided using developer tools, and the height of the screen's height is 800px, while the height of the <html> element is 569px.

So, I've made some adjustments to the code, adding height: 100vh; display: flex, justify-content: center;, and align-items: center; to the body's style

Here's the updated snippet:

body {
  font-family: var(--font-family);
  font-size: var(--font-size);
  background-color: var(--light-gray);
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

Surely, it should work out fine! Good Luck ALEX!

Marked as helpful

amakura-411

All comments

QR Code Component using Flexbox, CSS, and HTML