homepage: keynoters: better layout on smallest screens

pyvec · Jul 25, 2023 · 0f4f739 · 0f4f739
1 parent 562a750
commit 0f4f739
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/templates/pages/__keynoters.html b/templates/pages/__keynoters.html
@@ -1,7 +1,7 @@
 {% load static %}
 
 <section id="keynoters" class="PC-bg-blurry mt-4 py-4 py-md-5">
-    <div class="container">
+    <div class="container-xs">
         <h2 class="text-white mt-4 mb-5 h1">Keynote speakers</h2>
 
         <div>
@@ -12,7 +12,7 @@ <h2 class="text-white mt-4 mb-5 h1">Keynote speakers</h2>
                             <img class="img-fluid" src="{% static 'img/speakers/evelina-gabasova.webp' %}" width="800" height="800" alt="">
                         </div>
                     </div>
-                    <div class="col px-xxs-4 px-xs-5 pb-xs-4 pt-2">
+                    <div class="col px-3 px-xxs-4 px-sm-5 pb-xs-4 pt-2">
                         <h3 class="h1 mt-3 mt-sm-4">Evelina Gabašová</h3>
                         <ul class="list-inline font-monospace">
                             <li class="list-inline-item"><a href="https://github.com/evelinag"><i class="bi-github link-primary me-2"></i>evelinag</a></li>
@@ -33,7 +33,7 @@ <h3 class="h1 mt-3 mt-sm-4">Evelina Gabašová</h3>
                             <img class="img-fluid" src="{% static 'img/speakers/prokop-bartonicek.webp' %}" width="800" height="800" alt="">
                         </div>
                     </div>
-                    <div class="col px-xxs-4 px-xs-5 pb-xs-4 pt-2">
+                    <div class="col px-3 px-xxs-4 px-sm-5 pb-xs-4 pt-2">
                         <h3 class="h1 mt-3 mt-sm-4">Prokop Bartoníček</h3>
                         <ul class="list-inline font-monospace">
                             <li class="list-inline-item"><a href="https://www.prokopbartonicek.com"><i class="bi-globe link-primary me-2"></i>prokopbartonicek.com</a></li>
@@ -52,7 +52,7 @@ <h3 class="h1 mt-3 mt-sm-4">Prokop Bartoníček</h3>
                             <img class="img-fluid" src="{% static 'img/speakers/karel-minarik.webp' %}" width="800" height="800" alt="">
                         </div>
                     </div>
-                    <div class="col px-xxs-4 px-xs-5 pb-xs-4 pt-2">
+                    <div class="col px-3 px-xxs-4 px-sm-5 pb-xs-4 pt-2">
                         <h3 class="h1 mt-3 mt-sm-4">Karel Minařík</h3>
                         <ul class="list-inline font-monospace">
                             <li class="list-inline-item"><a href="https://github.com/karmi"><i class="bi-github link-primary me-2"></i>karmi</a></li>
@@ -73,7 +73,7 @@ <h3 class="h1 mt-3 mt-sm-4">Karel Minařík</h3>
                             <img class="img-fluid" src="{% static 'img/speakers/katerina-falk.webp' %}" width="800" height="800" alt="">
                         </div>
                     </div>
-                    <div class="col px-xxs-4 px-xs-5 pb-xs-4 pt-2">
+                    <div class="col px-3 px-xxs-4 px-sm-5 pb-xs-4 pt-2">
                         <h3 class="h1 mt-3 mt-sm-4">Kateřina Falk</h3>
                         <ul class="list-inline font-monospace">
                             <li class="list-inline-item"><a href="https://www.linkedin.com/in/katerina-falk-a450147/"><i class="bi-linkedin link-primary me-2"></i>LinkedIn</a></li>