diff --git a/_includes/about-page/about-card-news.html b/_includes/about-page/about-card-news.html index c9eec7ce6f..8bf783e58b 100644 --- a/_includes/about-page/about-card-news.html +++ b/_includes/about-page/about-card-news.html @@ -1,11 +1,13 @@
HfLA in the News
-
+
{% for item in site.data.internal.press %} {% endfor %}
diff --git a/_sass/components/_about.scss b/_sass/components/_about.scss index 5184e3e1f1..58fb1b4f86 100644 --- a/_sass/components/_about.scss +++ b/_sass/components/_about.scss @@ -563,19 +563,21 @@ a.anchor { display: flex; flex-flow: column nowrap; justify-content: center; - padding: 25px 0 15px 0; align-items: center; + width: 55.733vw; + padding-bottom: 45px; } - -.news-cells p { - padding-top: 40px; - margin: 0 20px 0 20px; +.image-news-container{ + height: 100px; + display: flex; + align-content: center; + margin-bottom: 30px; } - -.more-padding { - padding-top: 10px; +.flex-container.news-container{ + align-items: center; } + /* Below are the breakpoints and adjustments for different size monitors */ // Below tablet - 768px @@ -811,9 +813,21 @@ a.anchor { padding-left: 25px; } - .news-cells p { - padding-top: 48.33px; - margin: 0 20px 0 20px; + .flex-container.news-container{ + flex-basis: auto; + column-gap: 2.863vw; + align-items: baseline; + margin-bottom: 67px; + } + .image-news-container{ + margin-bottom: 48px; + height: 100px; + } + + .news-cells { + justify-content: unset; + padding-bottom: unset; + width: 33.3%; } .news-cells--govtech {