Fix /conversion styles on mobile

2021-01-20 10:56:09 -08:00 · 2021-01-20 10:56:09 -08:00 · 353f90dcac
commit 353f90dcac
parent f40ccf0b21
1 changed files with 5 additions and 1 deletions
--- a/src/app/ConversionPage.js
+++ b/src/app/ConversionPage.js
@ -32,7 +32,11 @@ function ConversionPage() {
    <Box>
      <Heading1>HTML5 Conversion Hub</Heading1>
      <Box height="6" />
-      <Stack direction="row" spacing="12" align="center">
+      <Stack
+        direction={{ base: "column", sm: "row" }}
+        spacing="12"
+        align="center"
+      >
        <ConversionProgress
          label="All layers"
          color="green.500"