CodeWithNima

<nav class="menu">
    <a href="#">خانه</a>
    <a href="#">نمونه‌کار</a>
    <a href="#">تماس</a>
</nav>

.menu { display: flex; gap: 12px; }
@media (max-width: 600px) {
  .menu { display: none; } /* و جاگذاری دکمه همبرگر */
}

:root {
—main-color: #0b5fa5;
–gap: 16px;
}

.header {
background: var(—main-color);
padding: var(–gap);
}