From 143fa27bbaee0fb70c273d61669d1f57d780bd22 Mon Sep 17 00:00:00 2001
From: Charles Hopman <charleshopman99@gmail.com>
Date: Mon, 22 Oct 2018 00:43:56 +0530
Subject: [PATCH 1/4] This solves #79

---
 src/styles/projects.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/styles/projects.scss b/src/styles/projects.scss
index 099811b..87ff67e 100644
--- a/src/styles/projects.scss
+++ b/src/styles/projects.scss
@@ -13,7 +13,8 @@ $opacity: 0.3;
   .projects {
     @include media-breakpoint-up(md) {
       &-tile-tag-wrapper {
-        max-width: 50%;
+        max-width: 100%;
+        max-height: 100%;
       }
     }
     &-title {
@@ -106,10 +107,12 @@ $opacity: 0.3;
       &-logo-wrapper {
         display: inline-flex;
         height: 100%;
-        left: 7%;
+        left: auto;
         position: relative;
-        top: 7%;
+        top: auto;
         visibility: visible;
+        min-width: 30%;
+        max-width: 100%;
       }
     }
     &-tile-tag {

From 09eaacec51509195090714ea3adadbac8706dac7 Mon Sep 17 00:00:00 2001
From: Charles Hopman <charleshopman99@gmail.com>
Date: Mon, 22 Oct 2018 19:32:35 +0530
Subject: [PATCH 2/4] Align projects logo with the design

 Align the project page logos with the designs https://github.com/ossn/fixme/blob/master/screens/desktop/Mozilla_Fixme_Screen03_Projects.png
---
 src/styles/projects.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/styles/projects.scss b/src/styles/projects.scss
index 87ff67e..f1ef8a0 100644
--- a/src/styles/projects.scss
+++ b/src/styles/projects.scss
@@ -13,7 +13,7 @@ $opacity: 0.3;
   .projects {
     @include media-breakpoint-up(md) {
       &-tile-tag-wrapper {
-        max-width: 100%;
+        max-width: 70%;
         max-height: 100%;
       }
     }
@@ -101,17 +101,18 @@ $opacity: 0.3;
         }
       }
       &-logo {
-        max-height: 100%;
+        min-height: 100%;
+        width: 100%
         object-fit: contain;
       }
       &-logo-wrapper {
         display: inline-flex;
         height: 100%;
-        left: auto;
-        position: relative;
-        top: auto;
+        left: 57%;
+        position: absolute;
+        top: 7%;
         visibility: visible;
-        min-width: 30%;
+        min-width: 50%;
         max-width: 100%;
       }
     }

From a316f2b6f8c8f6e6ccd0633fbd73ac272e08f11f Mon Sep 17 00:00:00 2001
From: Charles Hopman <charleshopman99@gmail.com>
Date: Tue, 23 Oct 2018 10:05:06 +0530
Subject: [PATCH 3/4] Update projects.scss

---
 src/styles/projects.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/projects.scss b/src/styles/projects.scss
index f1ef8a0..3cc6eb8 100644
--- a/src/styles/projects.scss
+++ b/src/styles/projects.scss
@@ -101,7 +101,7 @@ $opacity: 0.3;
         }
       }
       &-logo {
-        min-height: 100%;
+        height: 100%;
         width: 100%
         object-fit: contain;
       }

From 8beccb295f10fd9bfa832d74b1f96fa0c8c7a28f Mon Sep 17 00:00:00 2001
From: Charles Hopman <charleshopman99@gmail.com>
Date: Wed, 31 Oct 2018 06:51:52 +0530
Subject: [PATCH 4/4] Update projects.scss

---
 src/styles/projects.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/styles/projects.scss b/src/styles/projects.scss
index 3cc6eb8..56abe90 100644
--- a/src/styles/projects.scss
+++ b/src/styles/projects.scss
@@ -102,7 +102,7 @@ $opacity: 0.3;
       }
       &-logo {
         height: 100%;
-        width: 100%
+        width: 100%;
         object-fit: contain;
       }
       &-logo-wrapper {