diff --git a/css/style.css b/css/style.css index 1723f3f..6286641 100644 --- a/css/style.css +++ b/css/style.css @@ -124,9 +124,14 @@ input[type="text"]:focus { /* Radio Buttons */ .radio-group { display: flex; - justify-content: space-around; + flex-direction: column; + justify-content: space-between; flex-wrap: wrap; + gap: var(--spacing-sm); + @media (width > 768px) { + flex-direction: row; + } } .radio-group input[type="radio"] { @@ -134,8 +139,7 @@ input[type="text"]:focus { } .radio-group label { - width: calc(25% - 10px); - margin: 5px; + flex: 1; padding: 10px; text-align: center; cursor: pointer;