Answers for "header menu grid css"

CSS
0

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;
    }
  }
Posted by: Guest on June-29-2021

Browse Popular Code Answers by Language