QR Code component

The container classes are not really needed but managed to achieve the desired look and design!

The same effect overall could be achieved using a single container with only the direct children elements, no need to wrap them in other containers.

<div class="main">
    <img src="#" alt="QR Code"/>
    <h1 class="header">Header<h1/>
    <span class="text">Text<span/>
</div>

Then styling each child element spacing, margins and paddings according.

Font fallbacks are also always nice to have.

font-family: 'Outfit', sans-serif;