resposive web design tutorial code example

Example 1: responsive html

@media (max-width: 530px){
    .CLASSHERE {
        padding: 10px 110px;
        margin-left: 365px;
        margin-bottom: 30px;
        font-size: medium;
        text-align: center;
    }
}

Example 2: make it responsive

<div id="gallery">
            <div class="showcase-images">
                <div class="showcase-block">
            <img id="show-img" src="images/showcase/tabs.png" alt="Tabs">
            </div>
            </div>
            <nav>
            <ul id="main">
                <li id="tabs"><a href="#">Tab</a></li>
                <li id="login"><a href="#">Login</a></li>
                <li id="forum"><a href="#">Forum</a></li>
            </ul>
        </nav>
        </div>

Tags:

Css Example