header menu grid css
.header { /* parent div with class header*/
display: grid;
gap: 0.5rem;
grid-template-columns:
max-content
auto
max-content;
grid-template-areas: "logo nav user";
.logo { /* header child div class logo*/
grid-area: logo;
}
.nav { /* header child div class nav*/
grid-area: nav;
text-align: center;
}
.user { /* header child div class user*/
grid-area: user;
}
}