So I am trying to size columns using automatic sizing (Easy enough right)
Well, It works fine in full screen and on the left side of a lightning page
<div class="slds-grid slds-wrap slds-grid--align-center"> <div class="slds-size--1-of-2 slds-small-size--1-of-1"> </div> </div>
This works well in full screen, in its own tab, etc. The grid is in the center and takes up the appropriate amount of space....
BUT, when the component is placed in the lightning page on the right (narrow) column, it is centered and squeezed. It knows it is in a small space but WILL NOT use the
If I drag the entire window to make it smaller it will revert to the correct size after the entire window is made smaller.
Anyone know how to make the CSS understand that it is in the narrow column and apply the correct css?
In a catch 22, if I just use 1-of-1 then the large page is obscenely large, but the 1-of-2 makes the right side too squeezed.....