JSFiddle - React, Tailwind, and code Playground

HTML

<header>
	<div class="header">
		<a href="[##_blog_link_##]"><img id="logo" src="./images/img_logo.png" alt="코드공작소" /></a>
	</div>
	<nav>
		<div class="na_cate">
			<ul>
				<li>ddd</li>
				<li>ooo</li>
			</ul>
		</div>
	</nav>
</header>

CSS

* { margin : 0px ;
	padding : 0px ; }

body { font-family : 'Nanum Gothic', sans-serif ;
	   background : #f8f8f8 ;
	   height : 2000px ; }

body { width : 1100px ;
	   margin : 0 auto ; }
header { width : 1100px ; }
header { position : fixed ;
		 border-bottom : 1px solid #f1f1f1 ; }
.header img { display : block ;
			  margin-left : auto ;
			  margin-right : auto ;
			  margin-top : 50px ;
			  margin-bottom : 50px ; }
nav { border-top : 1px solid #f1f1f1 ;
	  text-align : center ; }
.na_cate { background-color: red; margin : 20px 0 ; }
.na_cate ul { list-style : none ; }