@martinorue
Posted
Hi 👋
For the .container
it is recommended to use max-width
insted of width
so that by shrinking the width of the screen, the width of the container is flexible. Check out this
In this case I think that you don't need to add height in .qr-code-image
because when you use width in an <img>
by default the height will be height: auto
. And this is useful because you don't lose the aspect-ratio when you increase the image width.
On the other hand, you added width: 100%
to the <h1>
but you don't need that because de <h1>
element is display: block
. And doing so can cause you problems, check out this.
And maybe you wanted to use padding
instead of margin
to add space to this element.
Hope this helps
Marked as helpful