From 80193d32c5a8c71e36c13fc023088441d37254bb Mon Sep 17 00:00:00 2001 From: Lakshmishri Date: Mon, 10 Jun 2024 11:42:15 +0200 Subject: [PATCH] update cards css --- blocks/cards/cards.css | 17 +++++++++++++---- styles/styles.css | 2 +- 2 files changed, 14 insertions(+), 5 deletions(-) diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css index 715da6f..997e1aa 100644 --- a/blocks/cards/cards.css +++ b/blocks/cards/cards.css @@ -2,18 +2,17 @@ list-style: none; margin: 0; padding: 0; - display: grid; - grid-template-columns: repeat(auto-fill, minmax(278px, 1fr)); + display: flex; grid-gap: 16px; } .cards > ul > li { - border: 1px solid var(--dark-color); + flex: 1; background-color: var(--background-color); } .cards .cards-card-body { - margin: 16px; + margin: 16px 0; } .cards .cards-card-image { @@ -29,3 +28,13 @@ aspect-ratio: 4 / 3; object-fit: cover; } + +.cards > ul > li p { + font-size: 16px; +} + +.cards > ul > li h3 { + font-size: 20px; + font-weight: 600; + line-height: 26px; +} \ No newline at end of file diff --git a/styles/styles.css b/styles/styles.css index b4f62ee..87b6f47 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -160,7 +160,7 @@ button { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - border-radius: 30px; + border-radius: 5px; } a.button:hover,