Flex box is another way to design a page, similar to GRID. The align and height is very similar, the display is just changed. For example -
.flex-container { display: flex;
height: 200px;
align-items: baseline;
}
Flex items are called “child elements” , a few examples are; flex-grow, flex-shrink, and align-self.