Adjusting Large-Device Layout2:05
So once again, right here we'll say, only for large devices. All right, so if we give that a refresh, here's what we get. That looks way better. But now think about it. When a User watches a video, immediately they see this big card below it, but it's not the most important information. They surely want to see the title and the description before a call-to-action card basically. So once again, Flexbox can come to the rescue here. So take a look. I'm going to go to my wrapper where we set a display of flex right here, and you'll see
Restoring Flex Row Direction2:31
So take a look. I'm going to go to my wrapper where we set a display of flex right here, and you'll see that we turned it off. So now we just have block-level elements. But take a look at this. Let's turn it back on, and now it wants to display as a row, right? And we need that for desktop. So let's do this. Okay, for large devices, we do want a flex-direction: row. And do notice, once again, I'm using that TW prefix only because I need it for my project.
