<style>

</style>
<section class="menu"><article class="hit">Хит: пенал</article><article>Ручка</article><article>Ластик</article><article>Чай</article></section>

<style>
.menu { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }
</style>
<section class="menu"><article class="hit">Хит: пенал</article><article>Ручка</article></section>

<style>
.menu { display: grid; gap: 20px; }
</style>
<section class="menu"><article>Ручка</article><article>Ластик</article></section>