fix layout issue with notebook links

Author: aagrande

docs/css/example-cards.css

@@ -1,49 +1,34 @@
-.cards-container {
-  display: flex;
-  flex-direction: column;
-  /* Stack the cards vertically */
-  margin: 20px;
-}
-
 .example-card {
   display: flex;
-  /* Enables flexbox inside each card */
   align-items: center;
-  /* Aligns the items vertically */
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
   transition: 0.3s;
   margin: 10px 0;
-  /* Space between cards */
 }
 
 .example-card img {
   width: 150px;
-  /* Fixed width for images */
   height: auto;
   margin-right: 20px;
-  /* Space between the image and the text */
 }
 
 .example-container {
   flex: 1;
-  /* Takes up the remaining space */
   padding: 2px 16px;
 }
 
 .example-card:hover {
   box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
 }
 
-.title-with-links {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: nowrap;
-  /* Prevents wrapping to the next line */
-}
-
-.links a {
+/* Ensures the links remain inline and don't disrupt layout */
+h4 a {
   margin-left: 10px;
+  text-decoration: none;
   white-space: nowrap;
-  /* Prevents the text in links from wrapping */
+  /* Prevents breaking to new lines */
+}
+
+h4 a:hover {
+  text-decoration: underline;
 }