Add custom CSS for grid layout

jaladh-singhal · jaladh-singhal · commit 4bfaeaf4f02a · 2026-02-04T13:46:21.000-08:00
diff --git a/_static/custom.css b/_static/custom.css
@@ -0,0 +1,7 @@
+.grid-item-span-all-cols {
+    grid-column: 1 / -1;
+}
+
+.grid-item-span-all-cols > .myst-card {
+    margin: 0;
+}
diff --git a/myst.yml b/myst.yml
@@ -26,6 +26,7 @@ site:
   options:
     favicon: _static/irsa-favicon.ico
     logo: _static/irsa_logo.png
+    style: _static/custom.css
     outline_maxdepth: 1
     # Keep the footer links hidden at least until https://github.com/jupyter-book/mystmd/issues/2589 is resolved
     hide_footer_links: true
diff --git a/tutorials/euclid_access/euclid.md b/tutorials/euclid_access/euclid.md
@@ -40,6 +40,7 @@ Explore the columns in the MER final catalog, query for stars, and create a colo
 Join the SPE and MER catalogs and query for galaxies with H-alpha line detections, then plot the SIR spectrum of a galaxy with a high SNR H-alpha line measurement.
 ```
 
+```{div .grid-item-span-all-cols}
 ```{card}
 :link: 4_Euclid_intro_PHZ_catalog.md
 :header: **PHZ Catalogs**
