some minor changes to card design

docs/src/index.rst

@@ -4,19 +4,19 @@
 
     <div class="container">
         <div class="row">
-            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 d-flex">
-                <div class="card text-center intro-card shadow" style="background-color: transparent">
-                <div class="card-body flex-fill">
-                    <h5 class="card-title">
+            <div class="col-sm d-flex">
+                <div class="card text-center mb-4" style="background-color: transparent">
+                <div class="card-body">
+                    <h5 class="card-title" style="margin-top: 0px">
 
 
 .. only:: html
 
+  :ref:`getting_started-selection`
+
   .. image:: /examples/selection/images/thumb/sphx_glr_FeatureSelection-WHODataset_thumb.png
     :alt:
 
-  :ref:`getting_started-selection`
-
 .. raw:: html
 
                     </h5>
@@ -26,18 +26,18 @@
                 </div>
                 </div>
             </div>
-            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 d-flex">
-                <div class="card text-center intro-card shadow" style="background-color: transparent">
-                <div class="card-body flex-fill">
-                    <h5 class="card-title">
+            <div class="col-sm d-flex">
+                <div class="card text-center mb-4" style="background-color: transparent">
+                <div class="card-body">
+                    <h5 class="card-title" style="margin-top: 0px">
 
 .. only:: html
 
+  :ref:`getting_started-pcovr`
+
   .. image:: /examples/pcovr/images/thumb/sphx_glr_PCovR_thumb.png
     :alt:
 
-  :ref:`getting_started-pcovr`
-
 .. raw:: html
 
                     </h5>
@@ -46,18 +46,18 @@
                 </div>
                 </div>
             </div>
-            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 d-flex">
-                <div class="card text-center intro-card shadow" style="background-color: transparent">
-                <div class="card-body flex-fill">
-                    <h5 class="card-title">
+            <div class="col-sm d-flex">
+                <div class="card text-center mb-4" style="background-color: transparent">
+                <div class="card-body">
+                    <h5 class="card-title" style="margin-top: 0px">
 
 .. only:: html
 
+  :ref:`getting_started-reconstruction`
+
   .. image:: /examples/reconstruction/images/thumb/sphx_glr_PlotLFRE_thumb.png
     :alt:
 
-  :ref:`getting_started-reconstruction`
-
 .. raw:: html
 
                     </h5>
@@ -69,6 +69,7 @@
         </div>
     </div>
     <br>
+
 .. include:: ../../README.rst
    :start-after: marker-issues
    :end-before: marker-contributing