I am currently building a technical documentation page and am thinking of position the element and the element side by site in a flexbox. On the other hand, if the viewport is 750 pixels wide or less, I want the to appear above . Yet, when seen on the Codepen dashboard, the and the don’t quite behave as I expect. In editor view, (very) slightly overlaps , and on the dashboard the two elements split the viewport 50-50 between them. What am I doing wrong here? Do and behave differently inside a flexbox than ordinary
The link to my page (still very much under construction) is below. Ignore the background colors, they’re there to help me see the HTML elements and won’t be there in the final verson.