CSS

【CSS】シンプルなレスポンシブメニューResponsive Menu con FlexBox

September 8, 2016
Responsive Menu con FlexBox

Responsive Menu con FlexBoxはレスポンシブ対応のCSSで実装されたシンプルなメニュー。

CSS

<link rel="stylesheet" href="css/nav.css">

HTML

                 <header class="main-header">
			<a class="site-logo" href="/">
				<img src="img/logo.svg" alt="Poly - UI Toolkit">
			</a>
			
			<ul class="nav">
				<li><a href="#">Typography</a></li>
				<li><a href="#">Buttons</a></li>		
				<li><a href="#">Form</a></li>		
				<li><a href="#">Images</a></li>		
				<li><a href="#">Grid</a></li>		
				<li><a href="#">Navigation</a></li>						
			</ul>
		</header>