White-space Css Property Is Creating Issues With Flex

I am facing issues with white-space:nowrap when there is flex container. There is a flex container with flex-direction:row; in which there are two divs sidebar with certain width s

Solution 1:

If you want it to adjust on the screen with equal space of each blade, then why you put white-space: nowrap.
Remove white-space: nowrap from the long content and it will automatically adjust within your container taking equal space.