From d939d243c84865a2a3f5f40316798ab1d9aa61e6 Mon Sep 17 00:00:00 2001 From: lydiacho Date: Sat, 2 Mar 2024 23:34:48 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20/recruit=20=EB=AC=B8=EC=9D=98=ED=95=98?= =?UTF-8?q?=EA=B8=B0=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20=EB=A0=88=EC=9D=B4?= =?UTF-8?q?=EC=95=84=EC=9B=83=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/RecruitPage/components/Contact/index.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/views/RecruitPage/components/Contact/index.tsx b/src/views/RecruitPage/components/Contact/index.tsx index 3edaa2fd..f5520b74 100644 --- a/src/views/RecruitPage/components/Contact/index.tsx +++ b/src/views/RecruitPage/components/Contact/index.tsx @@ -107,17 +107,19 @@ const GridWrapper = styled.div` grid-template-columns: auto auto; justify-content: space-between; row-gap: 80px; + column-gap: 160px; margin-top: 80px; /* 태블릿 뷰 */ @media (max-width: 1299px) and (min-width: 766px) { - row-gap: 50px; - margin-top: 40px; + grid-template-columns: 1fr; + row-gap: 60px; + margin-top: 48px; } /* 모바일 뷰 */ @media (max-width: 765.9px) { grid-template-columns: 1fr; - row-gap: 20px; - margin-top: 20px; + row-gap: 40px; + margin-top: 30px; } `;