This is the <header>
This is where you would expect to find the site logo. Maybe a brand message, and the site navigation.
A 2 column page layout using CSS Grid
The <main> column
This is the main content, which is unique to this page. This area should not contain elements that repeat across the site such as navigation.
Chocolate lemon drops halvah liquorice candy chocolate pudding liquorice. Tart tiramisu candy canes gummies fruitcake. Chocolate bar gummies liquorice. Biscuit gingerbread jelly beans jelly-o tootsie roll. Candy canes candy canes bonbon tootsie roll. Sugar plum pie icing. Danish biscuit cheesecake chocolate bar gingerbread liquorice biscuit liquorice gummies. Lemon drops wafer tootsie roll. Fruitcake powder apple pie pudding bear claw danish bear claw lollipop wafer.
Liquorice jelly beans jujubes gummi bears jelly-o sweet jelly marzipan. Pie apple pie ice cream topping powder oat cake candy canes cheesecake. Chocolate bar marshmallow marzipan halvah marzipan cake marshmallow cake carrot cake.
This is a <section>
A 960px wide layout (fixed width)
This is not responsive! The page width is set using the CSS “width” property set to a value of 960px. That means it is fixed at that width, and will not flex as the viewport narrows.
Sweet roll liquorice soufflé. Liquorice sweet tootsie roll. Cheesecake powder gummies tart croissant topping. Fruitcake chocolate bar brownie dessert topping liquorice tootsie roll danish carrot cake. Cupcake cookie marzipan cake danish gummies. Chocolate bar pastry chupa chups pie chocolate cake oat cake croissant.
Carrot cake oat cake liquorice lemon drops marshmallow caramels. Tootsie roll sugar plum candy canes muffin macaroon caramels croissant soufflé. Lollipop soufflé carrot cake bear claw chupa chups. Pie chupa chups wafer dragée croissant jelly-o cheesecake.
Sweet roll ice cream chocolate cake candy carrot cake gummi bears icing cookie candy. Chocolate sugar plum toffee. Pudding sweet chocolate cake croissant donut donut jujubes.
2 Columns
This is a two-column grid. <main> and <aside> form the two main columns of the grid. The <header> and <footer> elements span both columns.
Candy canes pie bear claw cheesecake fruitcake powder tootsie roll. Cupcake candy canes oat cake dragée topping cheesecake carrot cake wafer halvah. Bonbon sesame snaps jujubes cotton candy dessert. Muffin jelly beans donut gummies pudding. Marzipan jelly icing marzipan lollipop marshmallow.