QR Code Page using HTML and CSS with a touch of beginner excitement!

Phew! So, I had a little difficulty making the image size up to the div which i nested it in. Even after setting object-size: cover; there was still some allowance and the image was not curling with the border radius.

After tinkering with the code for some time, I figured to use,

overflow-x:hidden; 

Then I also applied a transform property: transform: scale(....) to make sure the image fits into the page without stretching. 

And oh here....I was eager to try out animation with keyframes, so i threw that in but used media query to ensure it only displays on wide screes, while on mobile view, it only displays the text as a footnote. 

One down, many more to go...and I'm excited already...let's see what tomorrow brings!