From 020c95263e8c859431a71ba36c4186e31fa93b29 Mon Sep 17 00:00:00 2001
From: helenapark <phg5590@gmail.com>
Date: Wed, 10 Jul 2024 16:20:31 -0400
Subject: [PATCH] feat: Add missing simple style code to comply with figma

---
 components/step.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/step.js b/components/step.js
index a6842d1..1c4fa1b 100644
--- a/components/step.js
+++ b/components/step.js
@@ -32,9 +32,14 @@ class StepList extends BaseStepElement {
         row-gap: 10px;
         margin-top: 20px;
 
+        @media only screen and (min-width: 768px) {
+          margin-top: 30px;
+        }
+
         @media only screen and (min-width: 1024px) {
           flex-direction: row;
           column-gap: 10px;
+          margin-top: 40px;
         }
       }
       .step-list ::slotted(ds-step) {
@@ -94,6 +99,7 @@ class Step extends BaseStepElement {
       .step-title h3 {
         font-size: 24px;
         font-weight: var(--font-weight-medium);
+
         @media only screen and (min-width: 768px) {
           font-size: 36px;
         }
@@ -102,6 +108,7 @@ class Step extends BaseStepElement {
         width: auto;
         height: 40px;
         margin: 20px 0;
+
         @media only screen and (min-width: 768px) {
           width: 60px;
           height: 60px;
@@ -112,6 +119,7 @@ class Step extends BaseStepElement {
         font-size: 16px;
         font-weight: var(--font-weight-regular);
         word-break: keep-all;
+
         @media only screen and (min-width: 768px) {
           font-size: 24px;
         }