I would like to use some of our previous work in order to shave some pages off the chapter and to build on top of what we already know. This will use the principles of responsive design you learned, but we will update some DIV
elements as I take you through the chapter. We will make a simple page layout, and there will be no need for any floating or responsive layout elements. To make it much simpler, we want it to look very modern, so we'll use the flat UI colors and basic layout we used in the previous chapter.
The work will, however, ramp up pretty early, so we need to pick up speed from very early on in the chapter. The initial layout should have a <main>
block as the direct child of the body element, containing five sections as shown here:
<head></head> <body> <main> <section> </section> <section> </section> <section> </section> <section> </section> <section> </section>...