 Hey everyone, Sam here. In this web series, we'll solve common web problems with standards. These techniques are part of the web platform and work with any framework or library. All right, let's go. If you want to align an element, big or small, in the vertical center of something, don't get stuck in a twisty maze of divs and table cells. You can just use Flexbox to get it there. Here's a quick example. We've got a Chrome logo and a parent element that's already pretty big. The logo's in the top left, the default. Let's add some CSS to the parent element. First, display Flex to set Flexbox. And then two config properties, justify content and align items, setting both to center. And, well, that's it. The logo moves to the right place. Flexbox is versatile and it can be used for wildly complicated tasks, but it's also super useful for aligning just one thing. And if you are doing some more complicated stuff, check out the links below for the resources that I keep going back to. Remember, use Flexbox even for simple alignment tasks and keep your code concise. That's vertical alignment the standard way. See you on the next tip. Doot, doot, doot. Try that again.