Merge pull request #531 from ACCESS-Hive/davide/responsivness

Well done @atteggiani!
ACCESS-NRI · Aug 28, 2023 · 49889fa · 49889fa
2 parents cd13b2b + cd6664c
commit 49889fa
Show file tree

Hide file tree

Showing 26 changed files with 827 additions and 672 deletions.
diff --git a/docs/community_resources/community_med/index.md b/docs/community_resources/community_med/index.md
@@ -5,29 +5,29 @@
 
 <div class="card-container" style="flex-wrap:nowrap;">
     <a href="community_observational_catalogs" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../../assets/model_evaluation/model_evaluation_obs_catalog.jpg" alt="Observational Catalogues">
         </div>
-        <div class="vertical-card-text-container   bold">Observational Catalogues</div>
+        <div class="card-text-container   bold">Observational Catalogues</div>
     </a>
     <a href="community_model_catalogs" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../../assets/model_evaluation/model_evaluation_model_catalog.jpg" alt="Model Catalogues">
         </div>
-        <div class="vertical-card-text-container   bold">Model Catalogues</div>
+        <div class="card-text-container   bold">Model Catalogues</div>
     </a>
 </div>
 <div class="card-container" style="flex-wrap:nowrap;">
     <a href="community_data_processing" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../../assets/model_evaluation/model_evaluation_formatting.jpg" alt="Data Formatting">
         </div>
-        <div class="vertical-card-text-container   bold">Data Formatting</div>
+        <div class="card-text-container   bold">Data Formatting</div>
     </a>
     <a href="community_med_recipes" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../../assets/model_evaluation/model_evaluation_recipe.jpg" alt="Evaluation Recipes">
         </div>
-        <div class="vertical-card-text-container   bold">Evaluation Recipes</div>
+        <div class="card-text-container   bold">Evaluation Recipes</div>
     </a>
 </div>
diff --git a/docs/community_resources/events/index.md b/docs/community_resources/events/index.md
@@ -5,15 +5,15 @@
 
 <div class="card-container" style="flex-wrap:nowrap;">
     <a href="https://www.access-nri.org.au/community/news-and-events/" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../../assets/events_1.jpg" alt="Events List">
         </div>
-        <div class="vertical-card-text-container   bold">Click here to see upcoming events</div>
+        <div class="card-text-container   bold">Click here to see upcoming events</div>
     </a>
     <a href="https://www.access-nri.org.au/community/news-and-events/" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../../assets/events_2.jpg" alt="Events Get in Touch">
         </div>
-        <div class="vertical-card-text-container   bold">Want to advertise an event? Get in touch here</div>
+        <div class="card-text-container   bold">Want to advertise an event? Get in touch here</div>
     </a>
 </div>
diff --git a/docs/community_resources/index.md b/docs/community_resources/index.md
@@ -4,30 +4,29 @@
 
 In this area of the Hive, we collect content that is not currated by us, but may be helpful for the community. You can [contribute](../contribute/index.md) to this part of the Hive too!
 
-<div class="card-container" style="flex-wrap:nowrap;">
+<div class="card-container">
     <a href="glossaries" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../assets/glossary.png" alt="Glossaries">
         </div>
-        <div class="vertical-card-text-container   bold">Glossaries</div>
-    </a>    <a href="community_working_groups" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-text-container   bold">Glossaries</div>
+    </a>    
+    <a href="community_working_groups" class="vertical-card aspect-ratio1to1">
+        <div class="card-image-container">
             <img class="img-cover" src="../assets/community_workinggroups.jpg" alt="Working Groups">
         </div>
-        <div class="vertical-card-text-container   bold">Working Groups</div>
+        <div class="card-text-container   bold">Working Groups</div>
     </a>
-</div>
-<div class="card-container" style="flex-wrap:nowrap;">
     <a href="https://www.access-nri.org.au/community/events/" class="vertical-card aspect-ratio1to1" target="_blank">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../assets/events_2.jpg" alt="Events">
         </div>
-        <div class="vertical-card-text-container   bold">Events</div>
+        <div class="card-text-container   bold">Events</div>
     </a>
     <a href="community_med" class="vertical-card aspect-ratio1to1">
-        <div class="vertical-card-image-container">
+        <div class="card-image-container">
             <img class="img-cover" src="../assets/community_medlinks.jpg" alt="Model Evaluation Links">
         </div>
-        <div class="vertical-card-text-container   bold">Model Evaluation Links</div>
+        <div class="card-text-container   bold">Model Evaluation Links</div>
     </a>
 </div>