Alinhamento de elementos empacotados no Flexbox - @CursoemVideo HTML5 + CSS3

Continuing our studies from chapter 27 of our support material, we will keep talking about flexbox, and now I will talk about alignment of wrapped content . Hello, how are you doing? Welcome to another video here in your HTML and CSS course. We are moving forward here in chapter 27, talking about Flexbox. It's

a very important chapter, right? A quite recent chapter in the history of HTML and CSS3, right? Especially. And we are, if I'm not mistaken, on the sixth or seventh lesson of this chapter , talking about properties that apply to flex containers. In previous lessons , we talked about main axis alignment and cross axis alignment. We talked in

the previous video about centering items in flex elements, flexible elements, right? And now we are going to talk about wrapped content. Basically, wrapped content is that which breaks, let's put it that way. When I use flex-wrap with the nowrap value, we shrink the elements, right, to their limit, until they can't anymore. Whereas when I use wrap, right

, we've already seen this in previous lessons, we break the content, right? The content breaks, in a good way, right? I have one element next to another. When it doesn't fit anymore, for example, when it goes to a tablet or mobile screen, it will take the element, the last element, and push it

to the bottom. We've seen a lot of this , but now we're returning here to talk about the alignment of these elements. And it is very important that you have your notebook in hand to take your notes, as I always suggest. This is because many people get confused between the justify-content, align-items properties, and this