QR Code component using flexbox and BEM

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

I feel proud of this project since I think I was able to finish it in no time and I think I was able to make it real close to the actual solution.

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

There was a moment when I find myself stucked with the fact that I always want to keep the attribution section and sometimes that breaks a little bit the entire layout. So my first approach left the entire QR card section sticked in the top of the page and the attribution at the very bottom of the page (which I obviously wanted in the first place except don't want the card be at the top of the page).

So, in order to solve this what I did was to just set the attribution a fixed position at the bottom:

.attribution {
/* other code */
position: fixed;
bottom: 0;
}

And that did the trick :)

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

I'd like to ask the community to help me how can I use ARIA/HTML5 semantic markup to make it more accessible.