improve spacing in talks on mobile

BrunnerLivio · Mar 14, 2021 · 01ef7f0 · 01ef7f0
1 parent 952d568
commit 01ef7f0
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/pages/talks.js b/src/pages/talks.js
@@ -5,13 +5,18 @@ import styled from "styled-components"
 import SEO from "../components/seo"
 import Content from "../components/content"
 import Talk from "../components/talk"
+import breakpoint from "styled-components-breakpoint"
 
 const TalkList = styled.main`
   display: flex;
   align-items: center;
   flex-direction: column;
   width: 100%;
+  margin: 48px 0;
+
+  ${breakpoint("sm")`
   margin: 32px 0;
+    `}
 `
 
 const Talks = ({ data }) => {