To make a responsive, working website – as it's easy to imagine, and as we learned through the previous chapters – the core of its functionalities are indeed hosted in three sections:
Meta tag, tells the browser to actually render the website the way you want it
<meta name="viewport" content="width=device-width, initial-scale=1.0">The actual layout, ordered coding, and tags will make the job easier. Using a preprocessor like LESS or Sass actually helps a lot
CSS3 Media Queries, since they are the most supported way to tell a browser how to react to different breaking points
So through this chapter we'll take everything from the above, to anything said in the past, to build our truly responsive website in one page – plus other bits to spice it up in the use of Sass and responsive design – and make you ready for all the outstanding future trials you'll encounter.
It will be a journey full of code, so make up your mind, gather some Marathon bars and...