HTML / CSS + Flexbox

** Hi Mike again**

According to your question: check this article - you will find an answer.

I have commented on Single Price Grid Component. Lot's of points you can apply in this project.

• Your hero area can become a header or even aside (as a last resort). Now, you can check this solution with the content of the header (your hero):

<h1 class="heading-primary">
    <span class="heading-primary-main">....</span>
    <span class="heading-primary-sub">....</span>
</h1>

• below you can use the main tag, each box can become a section or article (generally we can have many solutions here but step by step you will gain a proper one);

Final conclusion: please read about semantic tags (especially headings), height and width (viewport height, viewport width => vh, vw).

Please, don't forget to upvote any comments on here that you find helpful. That's it from me. Hopefully, it will help you.

Greetings :D