minor styling

Uvacoder · Nov 28, 2018 · 525aae1 · 525aae1
1 parent ea463e1
commit 525aae1
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/components/box/box.css.js b/src/components/box/box.css.js
@@ -2,5 +2,9 @@ import styled from 'styled-components';
 
 export const Container = styled.div`
   padding: 2rem 4rem;
-  max-width: 700px;
+  max-width: 1080px;
+  margin: 0 auto;
+  min-height: 250px;
+  display: flex;
+  align-items: center;
 `;
diff --git a/src/components/header/header.css.js b/src/components/header/header.css.js
@@ -5,7 +5,8 @@ export const Container = styled.header`
   justify-content: space-between;
   align-items: center;
   padding: 4rem;
-
+  max-width: 1080px;
+  margin: 0 auto;
   a {
     color: #757575;
     transition: color 0.2s ease;

diff --git a/src/components/title/title.css.js b/src/components/title/title.css.js
@@ -2,7 +2,10 @@ import styled from 'styled-components';
 import MEDIA from 'helpers/mediaTemplates';
 
 export const Text = styled.span`
-  display: block;
+  /* display: block; */
+  @media (min-width: 750px) {
+    max-width: 650px;
+  }
   font-weight: ${({ size }) => () => {
     switch (size) {
       case 'large':