fix hero center issue

ludicroushq · Nov 9, 2019 · 033432b · 033432b
1 parent 0404ca4
commit 033432b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/website/src/assets/css/index.css b/website/src/assets/css/index.css
@@ -4,6 +4,11 @@
 
 @tailwind utilities;
 
+.center-hero {
+  width: 350px;
+  margin: auto;
+}
+
 .shadow-3xl {
   box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5)
 }

diff --git a/website/src/pages/index.jsx b/website/src/pages/index.jsx
@@ -82,7 +82,7 @@ export default class Index extends React.Component {
           <h1 className="text-xl font-bold uppercase pb-8 pt-2">light.js</h1>
           <h2 className="text-xl font-semibold uppercase">a</h2>
           <h2 className="text-4xl font-semibold uppercase">
-            <TextLoop springConfig={{ stiffness: 200, damping: 25 }}>
+            <TextLoop className="center-hero" springConfig={{ stiffness: 200, damping: 25 }}>
               <div style={{ width: '350px' }}>serverless</div>
               <div style={{ width: '350px' }}>lightweight</div>
               <div style={{ width: '350px' }}>testable</div>