diff --git a/webpack/sass/home-page.scss b/webpack/sass/home-page.scss index 5634872e6..a2debc330 100644 --- a/webpack/sass/home-page.scss +++ b/webpack/sass/home-page.scss @@ -171,15 +171,34 @@ } } +// Card styling within the blog entries section +.card.entry-post.horizontal { + display: flex; + flex-direction: column; + align-items: center; + gap: 30px; + border-radius: 25px; + background-color: #FFFFFF; + padding: 20px; /* Adjust padding as needed */ + margin-top: 2rem; + + // Image styling inside the card + .blog-image { + width: auto; + height: 8rem; + margin-top: -3rem; + } +} + .blog-entries { .column { border-bottom: 0.1875rem solid $color-light-gray; } - /* last row, irrespective of the number of elements */ - .column:nth-last-child(-n + 3):nth-child(3n + 1), /* first element of the last row */ + /* last row, irrespective of the number of elements */ + .column:nth-last-child(-n + 3):nth-child(3n + 1), /* first element of the last row */ .column:nth-last-child(-n + 3):nth-child(3n + 1) ~ .column /* all its following elements */ { - border-bottom: none; - } + border-bottom: none; + } .blog-entry { @extend .padding-vertical-larger;