Fix sponsors logos alignment

Author: sosahcarlos

theme/pycones23/static/assets/css/main.css

@@ -1128,47 +1128,37 @@ details p {
 }
 
 
-
-/* Sponsor cards */
+/* Sponsors */
+.sponsors-grid {
+  display: grid;
+  grid-gap: 1.5rem;
+  align-items: center;
+  margin: 1rem 0;
+}
 
 /* sponsor special */
 .special-grid {
-  display: grid;
   grid-template-columns: repeat(6, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 /* Timanfaya */
 .timanfaya-grid {
-  display: grid;
   grid-template-columns: repeat(6, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 /* Teneguía */
 .teneguia-grid {
-  display: grid;
   grid-template-columns: repeat(5, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 /* Tamadaba */
 .tamadaba-grid {
-  display: grid;
   grid-template-columns: repeat(4, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 /* Teide */
 .teide-grid {
-  display: grid;
   grid-template-columns: repeat(3, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 @media (max-width: 910px) {

theme/pycones23/templates/index.html

@@ -93,7 +93,7 @@ <h2 class="subtitle">Patrocinios</h1>
   <div class="title-badge">
      <img src="{{ SITEURL }}/theme/assets/badges/{{ level }}.png"> Nivel {{ level | title }}
   </div>
-  <div class="{{ level }}-grid">
+  <div class="{{ level }}-grid sponsors-grid">
   {%   for name, values in sponsors.items() %}
   <div class="card">
      <a href={{ values['url'] }}>
@@ -109,7 +109,7 @@ <h2 class="subtitle">Patrocinios</h1>
   <div class="title-badge">
      <span style="font-size: 1.5em;">🏫</span> Patrocinio Especial
   </div>
-  <div class="special-grid">
+  <div class="special-grid sponsors-grid">
 
   <!-- ULL -->
   <div class="card">

theme/pycones23_en/static/assets/css/main.css

@@ -1128,47 +1128,37 @@ details p {
 }
 
 
-
-/* Sponsor cards */
+/* Sponsors */
+.sponsors-grid {
+  display: grid;
+  grid-gap: 1.5rem;
+  align-items: center;
+  margin: 1rem 0;
+}
 
 /* sponsor special */
 .special-grid {
-  display: grid;
   grid-template-columns: repeat(6, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 /* Timanfaya */
 .timanfaya-grid {
-  display: grid;
   grid-template-columns: repeat(6, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 /* Teneguía */
 .teneguia-grid {
-  display: grid;
   grid-template-columns: repeat(5, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 /* Tamadaba */
 .tamadaba-grid {
-  display: grid;
   grid-template-columns: repeat(4, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 /* Teide */
 .teide-grid {
-  display: grid;
   grid-template-columns: repeat(3, 1fr);
-  grid-gap: 20px;
-  margin: 1rem 0;
 }
 
 @media (max-width: 910px) {

theme/pycones23_en/templates/index.html

@@ -91,7 +91,7 @@ <h2 class="subtitle">Sponsors</h1>
   <div class="title-badge">
      <img src="{{ SITEURL }}/theme/assets/badges/{{ level }}.png"> Nivel {{ level | title }}
   </div>
-  <div class="{{ level }}-grid">
+  <div class="{{ level }}-grid sponsors-grid">
   {%   for name, values in sponsors.items() %}
   <div class="card">
      <a href={{ values['url'] }}>
@@ -107,7 +107,7 @@ <h2 class="subtitle">Sponsors</h1>
   <div class="title-badge">
      <span style="font-size: 1.5em;">🏫</span> Special sponsor
   </div>
-  <div class="special-grid">
+  <div class="special-grid sponsors-grid">
 
   <!-- ULL -->
   <div class="card">