Why is flex-direction:row not placing the items side by side?

Question

I am trying to get these two div items to be placed side by side with display: Flex, flex-direction: Row. However it doesn\'t seem to be working.

CSS:

.pro