Applied further divs, spans and styles to the Census 2021 and COVID-19 icons in the Collections section to make them have the same appearance as thumbnail images - i.e. width, height and drop-shadow. This makes for a more consistent appearance as the text is now in-line with the other cards.

Author: itsozz

index.html

@@ -310,13 +310,23 @@ <h2>Collections</h2>
 
                         <div class="card labBorder">
                             <span class="filterTags"><!-- visualisation trafford greater manchester census 2021 national statistics populations demographics residents households international migration ethnicity languages religion religious affiliation beliefs uk armed forces veterans education health disability unpaid care housing labour market travel to work national identity sexual orientation gender identity collections --></span>
-                            <a href="census2021.html"><h3 class="cardHead themeLink">Census 2021</h3><span class="far fa-check-circle"></span></a><br class="hideContent"/>
+                            <a href="census2021.html">
+                                <h3 class="cardHead themeLink">Census 2021</h3>
+                                <div class="thumbnail" style="width: 150px; height: 100px; background-color: #f9f9f9;">
+                                    <span class="far fa-check-circle" style="margin-left: 26px; margin-top: 2px;"></span>
+                                </div>
+                            </a><br class="hideContent"/>
                             <span class="cardBody">Visit our Census 2021 collections page for all our outputs relating to the census conducted by the <a href="https://www.ons.gov.uk/" target="_blank">Office for National Statistics</a> in 2021 and published between 2022-2023.</span>
                         </div>
 
                         <div class="card labBorder">
                             <span class="filterTags"><!-- visualisation residents trafford greater manchester local authorities covid-19 covid 19 c19 c-19 coronavirus global pandemic infections infectious case rates vaccines vaccinations vaccinated boosters immunity immune collections --></span>
-                            <a href="covid19.html"><h3 class="cardHead themeLink">COVID-19</h3><span class="fas fa-head-side-mask"></span></a><br class="hideContent"/>
+                            <a href="covid19.html">
+                                <h3 class="cardHead themeLink">COVID-19</h3>
+                                <div class="thumbnail" style="width: 150px; height: 100px; background-color: #f9f9f9;">
+                                    <span class="fas fa-head-side-mask" style="margin-left: 23px; margin-top: 4px;"></span>
+                                </div>
+                            </a><br class="hideContent"/>
                             <span class="cardBody">Visit our COVID-19 collections page for all our outputs and resources relating to the coronavirus pandemic.</span>
                         </div>