From 01b910f7d99a5048949bed7913732db929cc310a Mon Sep 17 00:00:00 2001
From: Moris Zen <moris.pasic@gmail.com>
Date: Sun, 1 Jul 2018 12:07:06 +0200
Subject: [PATCH] Style changes for index page

---
 src/pages/index.js | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index ec6417c..47575a7 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -21,24 +21,32 @@ const IndexPage = () => (
         <SectionIntro intro="Welcome To Saburly" classes="lg:max-w-xs" headline="We build the right software for your needs" text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day." />
         <Button filled text="Let's Get In Touch" url="/proposal" classes="rounded-full" />
       </div>
-      <img src={ImgIntro} className="overflow-hidden" alt="Software Development Agency" />
+      <img src={ImgIntro} alt="Software Development Agency" />
     </section>
 
     <section className="text-center p-3">
       <SectionIntro intro="Solutions" headline="Because beautiful code makes our heart pound" text="We have a passion for great software and design with the help of modern technologies. Custom end-to-end solutions is our speciality and our skilled team can even help you with initial analysis, architecture design, testing and deployments" />
     </section>
 
-    <img src={ImgDesign} className="overflow-hidden" alt="UX & UI Design Agency" />
-    <InfoBox headline="UX & UI Design" text="Our approach is simple: focus on how people will actually use the products. We offer prototyping, UI and UX design for web and mobile products. We shape UX through research, data & content analysis." />
+    <div className="lg:flex items-center">
+      <img src={ImgDesign} className="w-full" alt="UX & UI Design Agency" />
+      <InfoBox headline="UX & UI Design" text="Our approach is simple: focus on how people will actually use the products. We offer prototyping, UI and UX design for web and mobile products. We shape UX through research, data & content analysis." />
+    </div>
 
-    <InfoBox headline="Fullstack Web Development" text="We build web applications using the technologies such as JavaScript, React, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time." />
-    <img src={ImgFullstack} className="overflow-hidden" alt="Fullstack Web Development Agency" />
+    <div className="lg:flex items-center">
+      <InfoBox headline="Fullstack Web Development" text="We build web applications using the technologies such as JavaScript, React, Ruby on Rails, Python, Node.js, and Elixir. We write high-quality code that is maintainable and will stand the test of time." />
+      <img src={ImgFullstack} className="w-full" alt="Fullstack Web Development Agency" />
+    </div>
 
-    <img src={ImgMobile} className="overflow-hidden" alt="Mobile App Development Agency" />
-    <InfoBox headline="Mobile Development" text="We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also enjoy working with React Native technology because it allows writing native apps for both platform at once." />
+    <div className="lg:flex items-center">
+      <img src={ImgMobile} className="w-full" alt="Mobile App Development Agency" />
+      <InfoBox headline="Mobile Development" text="We develop for both iOS and Android. For iOS we use Swift and Objective-C. Android applications are built in Java and Kotlin. We also enjoy working with React Native technology because it allows writing native apps for both platform at once." />
+    </div>
 
-    <Button standard text="More ABout What We Do" url="/services" classes="rounded-full" />
-    <Button standard text="How We Work" url="/work" classes="rounded-full" />
+    <div className="lg:flex justify-center">
+      <Button standard text="More ABout What We Do" url="/services" classes="rounded-full" />
+      <Button standard text="How We Work" url="/work" classes="rounded-full" />
+    </div>
 
     <section className="text-center p-3">
       <SectionIntro intro="Showcase" headline="We don’t descriminate, all screens & devices are welcome" />