Responsive Sidenav Example 반응성 Sidenav 예제

This example use media queries to transform the sidenav to a top navigation bar when the screen size is 900px or less.

We have also added a media query for screens that are 400px or less, which will vertically stack and center the navigation links.

You will learn more about media queries and responsive web design later in our CSS Tutorial.

Resize the browser window to see the effect. 브라우저 창 크기를 조정하여 효과를 확인하십시오.

Pelikan Classic M205 Aquamarine
Pelikan Souverän M400 Tortoiseshell-White