QR code using BEM and Flexbox

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

I initially created it without using flex box, but it became much simpler when I used it. The design looks pretty accurate, and I used the figma files to measure the padding etc.

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

Naming is hard! I renamed the components to use a BEM like convention. This helped a lot.

I also found that h1 in html was overriding my class styles, I think because I had it in a div instead of the h1 class: I.e.

        Improve your front-end skills by building projects

Previously when encountering the error I had;

      
        Improve your front-end skills by building projects
      

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

I'm not 100% sure if I needed to put 100% in the html specifier, and not completely sure whether my class selection is the best it can be (I.e. not wrapping components in divs?)