make press release card full width

index.Rmd

@@ -85,8 +85,8 @@ tibble::tribble(
     footer = "May 30th, 2024",
     text = text,
     link = link,
-    spacing = 4, # space between cards
-    width = 4    # relative sizing (1 narrow - 5 wide)
+    spacing = 0, # space between cards
+    width = 5    # relative sizing (1 narrow - 5 wide)
   )
 ```
 :::

index.html

@@ -352,16 +352,16 @@ <h4>Developing environmental sampling as a method for monitoring
 <hr />
 <div id="press-release">
 <div>
-<div class="row p-0 row-cols-1 row-cols-lg-2" style="margin-left: -.6rem; margin-right: -.6rem; margin-top: 1rem; margin-bottom: 1rem; ">
-<div class="card bg-transparent m-0 border-0 collapse.show bs4cards-blahblahblah " style="padding: .6rem ; border-width: 0; border-radius: .6rem .6rem .6rem .6rem ;">
+<div class="row p-0 row-cols-1" style="margin-left: -0; margin-right: -0; margin-top: 1rem; margin-bottom: 1rem; ">
+<div class="card bg-transparent m-0 border-0 collapse.show bs4cards-blahblahblah " style="padding: 0 ; border-width: 0; border-radius: .6rem .6rem .6rem .6rem ;">
 <div class="card-body justify-content-end m-0 p-0" style="visibility: visible; background-color: inherits; border-style:solid; border-color:inherits; border-width:1px; border-radius: .6rem .6rem 0 0 ;">
 <a href="gapp_release.html">
 <h5 class="card-title my-auto px-3 pt-3 pb-1">Press Release</h5>
 </a>
 <p class="card-text my-auto px-3 pb-3 pt-1">
 Good news! CUBE is part of a successful grant application to Genome Canada’s Genomics Applications Partnership Program (GAPP).</p>
 </div>
-<div class="card-footer small text-muted px-3 py-auto" style="border-style:solid; border-color:inherits; border-width:0 1px 1px 1px; border-radius: 0 0 .6rem .6rem ;">May 5th, 2024</div>
+<div class="card-footer small text-muted px-3 py-auto" style="border-style:solid; border-color:inherits; border-width:0 1px 1px 1px; border-radius: 0 0 .6rem .6rem ;">May 30th, 2024</div>
 </div>
 </div>
 </div>