rc-portfolio/src/app/header/header.component.html

<!-- <header>
  <span>Raghu Chagarlamudi</span>
  <span class="spacer"></span>
  <nav>
    <button mat-flat-button>Basic</button>
    <button mat-raised-button>Basic</button>
  </nav>
</header> -->
<header class="header">
  <span class="header__avatar" mat-card-avatar></span>
  <span class="header__logo">Raghu Ch</span>
  <span class="header__spacer"></span>
  <nav class="header__nav">
    <button class="header__button header__button--flat" mat-flat-button>Basic</button>
    <button class="header__button header__button--raised" mat-raised-button>Basic</button>
  </nav>
</header>