My icons are not lining up like yours is

[lizadeguereng]

Here is the icon code
<header class="header" id="header"> <nav class="nav container"> <a href="#" class="nav_logo"> Liza </a> <div class="nav_menu" id="nav_menu"> <ul class ="nav_list grid"> <li class ="nav_item"> <a href="#home" class="nav_link"> <i class="uil uil-estate"></i> Home </a> </li> <li class ="nav_item"> <a href="#about" class="nav_link"> <i class="uil uil-user"></i> About me </a> </li> <li class ="nav_item"> <a href="#Resume" class="nav_link"> <i class="uil uil-file-alt"></i> Resume and Skills </a> </li> <li class ="nav_item"> <a href="#portfolio" class="nav_link"> <i class="uil uil-scenery"></i> Portfolio </a> </li> <li class ="nav_item"> <a href="#works" class="nav_link"> <i class="uil uil-paint-tool"></i> Works </a> </li> <li class ="nav_item"> <a href="#contact" class="nav_link"> <i class="uil uil-message"></i> Contact Me </a> </li> </ul> </div> </nav> </header>
In the images it shows what yours looks like vs mine

[pratikkabade]

@lizadeguereng you have not included class properly

[lizadeguereng]

how do I properly include it?

[pratikkabade]

Use this css as it is.

And use tags this way, although it's in jsx but it'll still work