@borakb
Posted
Hello! Amazing solution.
Just a suggestion in case you didn't know, when you shrink the size of the screen too much, the qr code card does not shrink with the screen because of the hard-coded width value with it so in order to "fix" this is to set the max-width property to the desired value instead of setting the width property so that the box can become smaller if it does not have space. Also when you add this, adding some padding to the body would be good so that it does not touch the "walls" when it fits 100% width of the body but this would ruin your pixel-perfect solution by a bit probably. Summary: remove width property from .main-container and use max-width instead
:)!
I hope this helps and try experimenting with it.
Marked as helpful