12. 티스토리 사이트 만들기 - 반응형 - nav

HTML에서 수정 된 곳

<div class="m_nav">
    <div class="icon">
        <div class="bar one"></div>
        <div class="bar two"></div>
        <div class="bar three"></div>
    </div>
</div>

CSS에서 수정 된 곳

/* m_nav */
.m_nav {
    display:none; 
    position: absolute; right:20px; top:20px; 
    width: 30px; height: 30px; 
    z-index: 1000;  
    cursor:pointer;
}
.m_nav .icon {}
.m_nav .icon .bar {width: 30px; height: 2px; margin: 3px 0; background:#000;}
.m_nav .icon .bar.one {}
.m_nav .icon .bar.two {}
.m_nav .icon .bar.three {}