The main component will be called SideBySideContent . It is located in components/SideBySideContent/SideBySideContent.js
This component will receive three props: leftChild, rightChild, and leftWidth.
leftChild and rightChild will always be a single React component. We can enforce this later on with proptypes.
leftWidth will be the width of the left child. The right child's width will fill up the rest up to 100%.
leftChild and rightChild can be interchanged instead with props.children[0] and props.children[1] if you would prefer to do it that way.
The main component will be called
SideBySideContent. It is located incomponents/SideBySideContent/SideBySideContent.jsThis component will receive three props:
leftChild,rightChild, andleftWidth.leftChildandrightChildwill always be a single React component. We can enforce this later on with proptypes.leftWidthwill be the width of the left child. The right child's width will fill up the rest up to 100%.leftChildandrightChildcan be interchanged instead withprops.children[0]andprops.children[1]if you would prefer to do it that way.