Responsive QR Code page with CSS

Hi there buddy.

Everytime you use margin and/or paddings:

If they are the same everywhere, just type "margin: 10px;" or "padding: 10px;"

If they are the same in "x" axis and in "y" axis: "margin: 10px 40px;". 10px for "y" axis, 40px for "x".

Flex-box would be a cleaner way to display this one challenge. But still, nice solution tho!

Hey @hunchohoudini007, Congratulations on completing this challenge!

Here is my feedback:

• I'll suggest you move the attribution below the container.

• To center a container at the center of the page, this is enough:

body {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
}

• A simple padding: 3mm; would have been okay instead of this:

  padding-top: 3mm; padding-left: 3mm; padding-bottom: 3mm; padding-right: 3mm;

Keep doing a good job!

nice