From 39cda06aeba02480d43d9609106cae84bae7d564 Mon Sep 17 00:00:00 2001
From: realaravinth <realaravinth@batsense.net>
Date: Mon, 25 Apr 2022 23:00:39 +0530
Subject: [PATCH] feat: resize homepage content width and show vision in width

---
 sass/home/vision-mobile.scss           |  3 +++
 sass/home/vision.scss                  |  6 ++++++
 templates/home/components/_vision.html | 21 +++++++++++----------
 3 files changed, 20 insertions(+), 10 deletions(-)
 create mode 100644 sass/home/vision-mobile.scss

diff --git a/sass/home/vision-mobile.scss b/sass/home/vision-mobile.scss
new file mode 100644
index 0000000..9c7b7d2
--- /dev/null
+++ b/sass/home/vision-mobile.scss
@@ -0,0 +1,3 @@
+.home__vision-container {
+	flex-direction: column;
+}
diff --git a/sass/home/vision.scss b/sass/home/vision.scss
index 8d98e70..8a7c43c 100644
--- a/sass/home/vision.scss
+++ b/sass/home/vision.scss
@@ -1,3 +1,9 @@
+.home__vision-container{
+	display: flex;
+	align-items: center;
+}
+
+
 .home__vision-text-line {
 	font-size: 0.8rem;
 	font-style: italic;
diff --git a/templates/home/components/_vision.html b/templates/home/components/_vision.html
index 2f737c6..ddf7f96 100644
--- a/templates/home/components/_vision.html
+++ b/templates/home/components/_vision.html
@@ -1,6 +1,6 @@
 <section class="home__vision-container">
-  <em class="home__vision-title">Imagine a world...</em>
   <p class="home__vision-text">
+  <em class="home__vision-title">Imagine a world...</em><br />
     <span class="home__vision-text-line">
       ...where the services that you use for are not only reliable but also
       <i>radically</i> transparent.<br />
@@ -25,14 +25,15 @@
     </span>
   </p>
 
-  <h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2>
-  <p class="home__vision-intro-tagline">
-    Where sustainable free homes are created for free software development
-  </p>
-  <div>
-    
-    <button class="home__vision-aciton-btn">
-      <a href="/about" class="home__vision-action-link">Learn More</a>
-    </button>
+  <div class="home__vision-action-container">
+    <h2 class="home__vision-intro-title">Meet <em>Hostea</em></h2>
+    <p class="home__vision-intro-tagline">
+      Where sustainable free homes are created for free software development
+    </p>
+    <div>
+      <button class="home__vision-aciton-btn">
+        <a href="/about" class="home__vision-action-link">Learn More</a>
+      </button>
+    </div>
   </div>
 </section>