Add white border to simple-tiles to avoid jitter on hover

Author: tlitfin

_includes/tiles-simple.html

@@ -5,7 +5,7 @@
 {%- endif %}
 <div class="simple-tiles">
     <div class="simple-tiles-container">
-        <div class="simple-tiles-list">
+        <div class="simple-tiles-list row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} gy-2 gx-4 my-4">
             {%- for item in tiles %}
             {%- if item.title %}
                 <a href="{{ item.url | relative_url }}" class="simple-tile-link">
@@ -24,12 +24,6 @@
 
 <style>
 
-  .simple-tiles-list {
-          display: grid;
-          grid-template-columns: repeat(auto-fit, minmax(300px, 0.5fr));
-          gap: 20px;
-  }
-
   .simple-tile-link {
           text-decoration: none;
           color: inherit;

index.md

@@ -13,7 +13,7 @@ tiles:
 
 This website is a virtual meeting place and hub for all users of **computing for structural biology research in Australia**. This is a collective community effort. It can be what we make it!
 
-{% include tiles-simple.html target = "tiles" col = "1" %}
+{% include tiles-simple.html target = "tiles" col = "2" %}
 
 
 ## Upcoming Events