roll back

Author: dosteinacher

blocks/featured-articles/featured-articles.css

@@ -3,7 +3,7 @@
 main .featured-article-container {
   display: flex;
   flex-direction: column; /* Stack articles vertically */
-  gap: 1rem; /* Reduce spacing between articles */
+  gap: 2rem; /* Add spacing between articles */
   justify-content: center;
 }
 
@@ -18,7 +18,7 @@ main .featured-article-card {
   main .featured-article-card {
     flex-direction: row; /* Default: image on the left, text on the right */
     align-items: center;
-    margin-top: 20px; /* Reduce top margin */
+    margin-top: 40px;
     width: 100%;
   }
 
@@ -88,20 +88,6 @@ main p.featured-article-card-date {
   margin-bottom: 0.5rem;
 }
 
-/* Double the size of the "Tags" and move it above the image */
-main .featured-article-card-tags {
-  font-size: 2rem; /* Double the size */
-  font-weight: bold;
-  margin-bottom: 1rem; /* Add spacing below the tags */
-  text-align: center;
-}
-
-@media (min-width: 600px) {
-  main .featured-article-card-tags {
-    text-align: left; /* Align left on larger screens */
-  }
-}
-
 main .featured-article-card-body h3 {
   font-size: var(--heading-font-size-m);
   line-height: var(--heading-line-height);

blocks/featured-articles/featured-articles.js

@@ -15,13 +15,6 @@ async function decorateFeaturedArticles(featuredArticlesEl, articlePaths, eager
     const article = await getBlogArticle(articlePath);
     if (article) {
       const card = buildArticleCard(article, 'featured-article', eager);
-
-      // Add a "Tags" element above the image
-      const tags = document.createElement('p');
-      tags.classList.add('featured-article-card-tags');
-      tags.textContent = article.tags ? article.tags.join(', ') : 'Tags';
-      card.prepend(tags); // Add the tags above the image
-
       card.classList.add('featured-article-card'); // Ensure the card has the correct class
       featuredArticlesEl.append(card);
     } else {