Improve mid breakpoint

lachlanjc · Dec 17, 2019 · b773ce8 · b773ce8
1 parent 7a11856
commit b773ce8
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/components/search.js b/components/search.js
@@ -29,7 +29,7 @@ const Error = ({ error = '' }) => (
 
 const disclaimer = (
   <Text
-    sx={{ color: 'muted', fontSize: 0, mt: [-2, -3, -28], textAlign: 'left' }}
+    sx={{ color: 'muted', fontSize: 0, mt: [-2, -28], textAlign: 'left' }}
   >
     Never stored, saved, or sold.
   </Text>

diff --git a/pages/index.js b/pages/index.js
@@ -21,7 +21,7 @@ const Page = ({ profiles }) => (
     <Heading as="h2" variant="headline" sx={{ mt: 4 }}>
       Explore
     </Heading>
-    <Grid gap={3} columns={[2, 6]} sx={{ textAlign: 'left' }}>
+    <Grid gap={3} columns={[2, null, 6]} sx={{ textAlign: 'left' }}>
       <Link href="/states" passHref>
         <Card
           variant="nav"

diff --git a/pages/profiles/[id].js b/pages/profiles/[id].js
@@ -149,7 +149,7 @@ const Page = ({ profile }) => {
       <Header title={name} />
       <Container sx={{ py: [3, 4] }}>
         <Profile data={profile} full />
-        <Grid gap={4} columns={[null, 2]} as="section" sx={{ my: 4 }}>
+        <Grid gap={4} columns={[null, null, 2]} as="section" sx={{ my: 4 }}>
           <div>
             <Heading
               as="h2"