Challenge: Creating element flexibility

In our last chapter we took a brief tour of the generic blog that we're going to be…working on in our challenges. Now it's time to dig in and get started.…In this challenge, you're going to be focusing on using the Flex property to…control the sizing of some of our page elements.…Now I actually have two files open that we're going to be working with, the…index.html and the flexbox.css files. You can find these in the 02_04 folder,…and the flexbox.css is going to be found in the _css folder.…

Alright I want to start with the index just because I want to give you sort of…the lay of the land if you will, the structure of the page itself.…So inside of our body tag we open with a nav with the role of navigation, that's…followed by a header with the role of banner and that is followed by a section…with a class of main. Now inside the main section that wraps two…elements, the article with class of featured, and just below that we have an…aside with a class of sidebar. Inside the sidebar we have several…sections, and finally the aside and main selection closes out.…