This is an example of a CSS grid layout. This paragraph is in a section called header. The grid area in the CSS code is assigned as header. In the HTML code the header section is within a div section with its class called wrapper. This will shift around the page if you increase the width of your browser. You might see some other noticeable changes like the background color changing.
This paragraph is in a section called main. The grid area in the CSS code is assigned as main. If you decrease the width of your browser the color will change back to light mode.
This is another paragraph in main. You can imagine the layout of this side can be for an article with media. I like cats. Meow meow meow. I own two cats and a dog. I'm pretending this is a pet blog.