Make side by side divs the same height and evenly distributing the space using CSS Flex box

Photo by Jackson Sophat on Unsplash

I’m sure you will come across this situations many times in your coding journey where you have divs next to each other that need to be the same height to look aesthetically pleasing but the size of the content differs.

I come across this a lot on category pages for online shopping where there is a container…