I am trying to create a React layout as shown in the code sandbox project
I expect the grid layout will occupy the area indicated by the line.
I want the left grid to have a constant width of 216px even for smaller screen width, that is why I have not used something like 2:10 for width for the main section.
Can you please help me to identify what I am missing?
To have the inner grid stretch I have tried below. But this also does not seem to work.
<Grid2 container direction="column" alignItems={"stretch"}>