CSS Layout Float

In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other.

Resize the browser window to see the responsive effect (you will learn more about this in our next chapter - HTML Responsive.)

Planets

PURPUL DURT

Purpul Durt is the third planet in the Chartreuse Solar System. The planet has a featureless moon, called MOON, and that moon has a moon moon, called MOON MOON. A retired volcano sits at the tippy top at the planet’s highest elevation in the northern hemisphere. The caldera is now frozen over, but was once so explosive that it formed most of the planet's geology. Stretching down the sides of the volcano lie The Valleys and straight down the center is a path where lava once flowed all the way down to the river that circles all the way around the equator. On both sides of the now dry lava channel is the Purpul Durt Forest. From the deepest roots and to the high canopies of the giant Gigsab Trees, the forest is packed with life. Down by the river, before the lava reached the water, was a big blue hole. Centuries ago the volcano erupted, pouring lava from deep within Purpul Durt’s belly, carving out this channel all the way to the river. There was so much lava and the blue hole was so large that it took 10,000 years and 5 separate eruptions to completely fill up. Now it’s filled with lava stone. A rocky beach, topped with red sand now sits in its place. The river is 30 miles at its widest, and on the other side of it is a red sand desert.

SPECTURMEL

What was once a decent modern society, became a dirty place to live. Crops have dried up, storms and earthquakes have destroyed many major living areas. Sickness wipes out those too weak or poor to cure. A solar storm has wiped out all communications and most power. The inhabitants of this once thriving society have a decision to make. Most are stubborn and plan to 'go down with the ship'. But others join a movement called the "The Great Relocation", a plan to move their entire population and society closer towards the south pole where the climate was once a frozen tundra but now a growing green. They must cross 1,000 miles of scorching desert, pass through a narrow isthmus, and into the wild lands surrounding Mt. Spectrum. Scouts were sent to find a route. The Great Relocation takes 100 years. A super highway is built in the process to bring over all their supplies and resources.