Responsive QR card

What are you most proud of, and what would you do differently next time?

Finally, I am able to understand how some of the features of CSS works (such as box-sizing, flexbox, width and height). Next time, I would like to do it with grid layout instead, as I believe I need to practice it in order to understand it.

What challenges did you encounter, and how did you overcome them?

At first, I couldn't figure out how to center the whole thing. Then I wanted to try flexbox, as I previously went through some tutorials on it but never practiced it really. And it worked! It is amazing how simple it made it for me.

Another part I struggled with was aligning the paragraph with the above h3 text, as I wanted the text part to align with the imaginary borders of the QR code extending downwards. I ended up with wrapping both elements in a div and setting width to 80%. Worked like a charm.

What specific areas of your project would you like help with?

I would like to know what are some ways I could reduce the amount of code I write. I used SCSS as I wanted to learn it and it is quite useful in that regard but maybe I could set some global values that would help with that.