document we have a meta tag called viewport. The viewport tag is there to tell the browser that this webpage is optimised for mobile devices. By setting the viewport width equal to device-width, we are essentially telling it that the device width is 320 pixels. The initial-scale property controls the standard zoom level, while the maximum-scale and user-scalable properties dictate the degree to which users can zoom in and out of the page. Head links Underneath the viewport tag we have linked up to the jQuery CDN that we will need later, as well as a stylesheet that we will be creating in a few steps' time. The only other thing to say here is that you will notice we have made some comments above our links. It's not required but is certainly encouraged and we will be adding comments throughout. Section tag And last of all we have used the HTML5 section tag for our main wrapper. Even though HTML5 isn't our main focus here, it's never a bad thing including it wherever you can. Again, make sure the closing section tag is commented so if the page gets messy, we can easily find where the wrapper ends. 001 &lt;section id="wrapper"&gt; 002 &lt;/section&gt;&lt;! -- .END Wrapper -- &gt; Default CSS Create a new CSS file called 'styles.css' and save it into the CSS folder. Open the styles.css file into your text editor and add in our reset. The reset also covers some generic rules that are generally self-explanatory. However,