how to create a responsive website code example
Example 1: responsive html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Example 2: responsive page
@media (min-width: 480px) {
}
@media (min-width: 800px) {
}
@media (min-width: 1100px) {
}
Example 3: 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>