From 35f17bb9740453c819651d2cc463820e27094d31 Mon Sep 17 00:00:00 2001 From: jangheon Pyo Date: Thu, 1 Feb 2024 19:48:03 +0900 Subject: [PATCH] =?UTF-8?q?[Search]=C2=A0Keyword=20=C2=A0=C2=A0=20=C2=A0?= =?UTF-8?q?=20Detail=20Notes=20:=201.=20Grid=20->=20flex=20=EC=8A=A4?= =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../RecommendedKeywords.module.less | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/com.twin.app.shoptime/src/views/SearchPanel/RecommendedKeywords/RecommendedKeywords.module.less b/com.twin.app.shoptime/src/views/SearchPanel/RecommendedKeywords/RecommendedKeywords.module.less index d1470ec6..e68630ac 100644 --- a/com.twin.app.shoptime/src/views/SearchPanel/RecommendedKeywords/RecommendedKeywords.module.less +++ b/com.twin.app.shoptime/src/views/SearchPanel/RecommendedKeywords/RecommendedKeywords.module.less @@ -2,12 +2,12 @@ @import "../../../style/utils.module.less"; .container { - margin-top: 180px; + margin-top: 140px; position: relative; .arrow { position: absolute; - top: 140px; + top: 160px; } .arrowLeft { @@ -19,16 +19,14 @@ } .keywordsGrid { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 40px 80px; - width: 100%; - place-items: center; - padding: 0 233px; + display: flex; + flex-wrap: wrap; + justify-content: center; .keywordBox { width: 390px; height: 97px; + margin: 20px 40px; line-height: 97px; letter-spacing: -1px; border-radius: 10px;