I need help with my HTML and CSS codes. I want the webpage tostack on top of each other starting with the header, the leftcolumn, the middle column, the right column, and the footer whenthe browser window is minimized or viewed in a screen resolutionless than 720 pixels. Please highlight the codes you used so that Ican learn and understand what you did. Thank you.
Here are my HTML and CSS codes.
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” type=”text/css”href=”stylesheet1.css”>
<meta name=”viewport” content=”width=device-width,initial-scale=1.0″>
<title>Page Title</title>
</head>
<body>
<header><img id=”icon” src=”images/cs.jpg” alt=”icon”width=”30″ height=”28″></img><spanid=”glow”>CloudSpace</span>
<span id=”class1″>Join Us Today</span>
</header>
<nav>
<div id=”myDIV”>
<a class=”btn” href=”index.html”>HOME</a>
<a class=”btn” href=”services.html”>SERVICES</a>
<a class=”btn” href=”pricing.html”>PRICING</a>
<a class=”btn” href=”about.html”>ABOUT US</a>
<a class=”btn” href=”contact.html”>CONTACT</a>
</div>
</nav>
<div id=”mySidenav” class=”sidenav”>
<a href=”http://www.facebook.com”id=”facebook”>Facebook</a>
<a href=”http://www.twitter.com”id=”twitter”>Twitter</a>
<a