Fixed untargetable sponsor

Author: Tomasz-Kluczkowski

_layouts/post.html

@@ -90,13 +90,11 @@ <h1 class="post__content-title">Event's sponsors</h1>
                                 <div class="row">
                                     <div class="post__logo-col col-sm-3 col-12">
                                         <h3 class="post__sponsor-name">{{ sponsor_obj.sponsor_name }}</h3>
-                                        <div class="post__sponsor-container">
-                                            <a class="post__sponsor-link" href="{{ sponsor_obj.sponsor_link }}">
+                                            <a class="post__sponsor-container post__sponsor-link" href="{{ sponsor_obj.sponsor_link }}">
                                                 <img class="post__sponsor-img" src="{{ site.baseurl }}/{{ sponsor_obj.sponsor_logo }}">
                                             </a>
-                                        </div>
                                     </div >
-                                    <div class="post__sponsor-info-col col-12 col-sm-auto ">
+                                    <div class="post__sponsor-info-col col-12 col-sm-auto col-xl-7 ">
                                         <p class="post__sponsor-content">{{ sponsor_obj.content}}</p>
                                     </div>
                                 </div>

_sass/post.scss

@@ -138,37 +138,42 @@
 }
 
 .post__sponsor-name {
-  margin-top: 0.25em;
+  margin-top: 0.5em;
   line-height: 1em;
   text-align: center;
   font-family: 'Encode Sans Expanded', sans-serif;
   font-size: 1.25em;
   color: #072948;
 }
 
-.post__sponsor-container {
+.post__sponsor-link {
+  display: inline-block;
+  width: 100%;
   background: #041729;
   border-radius: 5px;
   border: #7fa0c2 1px solid;
   text-align: center;
-}
-
-.post__sponsor-link {
-  text-align: center;
   line-height: 102px;
 }
 
 .post__sponsor-img {
   vertical-align: middle;
   padding: 10px;
+  max-width: 220px;
 }
 
-@media (max-width: 991px) {
+@media (min-width: 577px) {
   .post__sponsor-img {
     max-width: 120px;
   }
 }
 
+@media (min-width: 992px) {
+  .post__sponsor-img {
+    max-width: 100%;
+  }
+}
+
 .post__sponsor-content {
   margin-top: 1.6em;
 }