Avoid using odd-last class and use CSS instead

Signed-off-by: Manuel Rego Casasnovas <[email protected]>

Author: mrego

_includes/sponsorship.html

@@ -81,8 +81,7 @@ <h3 class="center-text">Bronze Sponsors</h3>
 
       <ul class="logos-home">
       {% for sponsor in bronze_sponsors %}
-        {% assign mod = forloop.index | modulo: 2 %}
-        <li class="{% if forloop.last and mod != 0 %}odd-last{% endif %}">
+        <li>
           <a href="{{ sponsor.url }}">
             <img src="{{ sponsor.img | url}}" alt="{{ sponsor.name }} logo" class="sponsor-img sponsor-{{ sponsor.type }}" />
           </a>
@@ -137,11 +136,11 @@ <h3 class="center-text">Bronze Sponsors</h3>
   font-size: var(--step-1);
 }
 
-.odd-last {
+.logos-home > li:nth-last-child(1):nth-child(odd) {
   grid-column: 1 / -1;
 }
 
-.odd-last .sponsor-img {
+.logos-home > li:nth-last-child(1):nth-child(odd) .sponsor-img {
   padding: 1.25rem 0;
   max-width: 8rem;
   margin: 0 auto;