diff --git a/base.css b/base.css index b5a6cd4..47aaa09 100644 --- a/base.css +++ b/base.css @@ -97,4 +97,5 @@ ul { img { color: transparent; -} \ No newline at end of file +} + diff --git a/components.css b/components.css index f2aedcb..5173b2f 100644 --- a/components.css +++ b/components.css @@ -137,4 +137,27 @@ font-weight: bold; font-size: 1.25rem; } +} + +.offer-card { + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto 1fr; + gap: 1rem; + + & > svg { + padding: 1rem; + color: var(--icon-color); + background-color: rgb(from var(--icon-color) r g b / 10%); + border-radius: var(--border-radius); + overflow: visible; + } + + & > h3 { + align-self: center; + } + + & > :last-child { + grid-column: 1 / -1; + } } \ No newline at end of file diff --git a/index.html b/index.html index 6b3a827..db92f52 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,7 @@