diff --git a/client/assets/styles/colour-cards.css b/client/assets/styles/colour-cards.css index f53c7138..a8e9d37d 100644 --- a/client/assets/styles/colour-cards.css +++ b/client/assets/styles/colour-cards.css @@ -15,6 +15,7 @@ display: flex; flex-wrap: wrap; gap: 1rem; + justify-content: center; font-family: Poppins, sans-serif; font-weight: 400; diff --git a/client/assets/styles/main.css b/client/assets/styles/main.css index e63489c2..69739ed7 100644 --- a/client/assets/styles/main.css +++ b/client/assets/styles/main.css @@ -135,6 +135,21 @@ main { #question { display: none; + + h2 { + margin-bottom: var(--spacing-base); + } + + dl { + display: grid; + grid: 1fr 1fr / 1fr 1fr; + width: calc(3 * var(--spacing-xx-large)); + margin-bottom: var(--spacing-base); + + dd { + font-weight: var(--bold); + } + } } .answer-form fieldset {