QR Code component attempted with CUBE CSS methodology

Hello!

I tried this challenge in accordance with Cube CSS principles. I am still learning but I believe that I have a slightly better idea of the concepts. What I found was that with Cube CSS we add many utility classes and add those to the HTML rather than concentrating the code for each block. I still have some doubts, especially such as when I should add something at the block level versus make an attribute for it.

As an example I saw that with the padding there was more padding at the bottom than the rest of the screen. This lead me to make a padding-bottom attribute by adding "padding-bottom-1" but that doesnt seen right. Interested in any input on what I should have done instead!

Also I am not used to so many classes added to the HTML, so any input on things I could have done better with the class names will be greatly appreciated

Thanks!