0

Im trying to make my menu items in the center but code does not work.

This is my html code

<div class="header__menu">
  <a href="">Home</a>
  <a href="">About</a>
  <a href="">Contact</a>
  <a href="">Blog</a>
  <a href="">Careers</a>
</div>

This is my scss code

&__menu{
    background:$white;
    padding: 1.625rem;
    
    a {
        display: block;
        align-items: center;
        color: $darkBlue;
        padding: 0.625rem;
    }
}
Victoria Khrobostova
  • 1
  • is a block here, align-items will have no effect on its child(ren)/texts. Do you have any flex or grid layout involved ? – G-Cyrillus Jun 22 '21 at 20:09

0 Answers0