All right, this is our practice lesson. And today I'll show you another cool example about how you can use flex items in project. And before Flexbox arrived at this example, were very complex to do. So before it can be done live only by jQuery manipulations was not tried now it's Bob says we can do it. So let's see how it works. So we have our main container.
And this is our flex container. Elements response home and this is our flex box items with our simple set of like split, next one context rich, and page, sort of hundred pixels, and so Oregon movie sets, let's go to one. Other CSS rules for column are not very necessary, z just for example, but to media queries that we have here are very important. So you can see or obliterates first name and speed change order, or one of our items. And so with another size of the change or the one other item, so and I can show us this magic. There is a buyer resizing items.
So since we're resizing some bids, and we change order for our item, yeah, not just change order, you can actually see how we change progress. Item change. Let's resize it again and uses its second column, actually change the order and also change background color. Okay, I think it's rich enough for this example. Bye bye