Webページ制作実習

<header>			  
<nav>	
  <a href="#" class="logo">	
    <img src="./image/logo.png">	
  </a>	
  <a href="#">about</a>
  <a href="#">service</a>
  <a href="#">products</a>
  <a href="#">news</a>
  <a href="#" class="contact">contact</a>
</nav>
</header>	

			
 nav{
   display:flex; /*　nav要素を横並びにする　*/
   align-items:center;　/*　子要素を上下中央で揃える指定　*/
   height:40px; /*　高さを指定　*/
   width:85%; /*　親要素の横幅基準に何パーセント表示するか　*/
   margin:0 auto;
 }
 a{
   margin-right:40px;
   color:#000;
   text-decoration:none;
   letter-spacing:.1em;
 }
.logo{
   width:70px;
   height:20px;
   margin-right:50px;
 }
.logo img{
   width:100%;
   height:auto;
 }