Centering rows around a specific element using React

(You can view the source code for this example and try it out yourself in this Replit) Let's say we have a DOM structure like this: <Row> <A>A</A> <B>B</B> <C>C</C> </Row> (vertical line added to illustrate the center of the page) How do we m...