Fix Grid in EntityPage for smaller screens

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>
2021-07-14 18:52:03 +02:00
parent b7e25a3bb0
commit 5b0b5baa5e
4 changed files with 40 additions and 28 deletions
@@ -59,15 +59,17 @@ const apiPage = (
  <EntityLayout>
    <EntityLayout.Route path="/" title="Overview">
      <Grid container spacing={3}>
-        <Grid item md={6}>
+        <Grid item xs={12} md={6}>
          <EntityAboutCard />
        </Grid>
-        <Grid container item md={12}>
-          <Grid item md={6}>
-            <EntityProvidingComponentsCard />
-          </Grid>
-          <Grid item md={6}>
-            <EntityConsumingComponentsCard />
+        <Grid container>
+          <Grid item md={12}>
+            <Grid item xs={12} md={6}>
+              <EntityProvidingComponentsCard />
+            </Grid>
+            <Grid item xs={12} md={6}>
+              <EntityConsumingComponentsCard />
+            </Grid>
          </Grid>
        </Grid>
      </Grid>