From cd044b684c52beb9353baa08b9380e333be47998 Mon Sep 17 00:00:00 2001 From: Soomxn Date: Fri, 3 Nov 2023 13:23:57 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=8A=AC?= =?UTF-8?q?=EB=9D=BC=EC=9D=B4=EB=8D=94=201440px=20=EC=9D=B4=EC=83=81?= =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=B9=98=EC=9A=B0=EC=B9=A8=20=ED=98=84?= =?UTF-8?q?=EC=83=81=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- WISCOM/src/components/Project/ImageSliderStyle.jsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/WISCOM/src/components/Project/ImageSliderStyle.jsx b/WISCOM/src/components/Project/ImageSliderStyle.jsx index 0b93674..e5201ae 100644 --- a/WISCOM/src/components/Project/ImageSliderStyle.jsx +++ b/WISCOM/src/components/Project/ImageSliderStyle.jsx @@ -9,6 +9,11 @@ export const ImageSliderContainer = styled.div` position: relative; /* 부모 클래스에 relative 포지션을 추가 */ margin-bottom: 200px; + @media (min-width: 1441px) { + margin: 0 auto; /* 정렬 필수!!!!! */ + margin-bottom: 100px; + } + @media (max-width: 425px) { margin-bottom: 100px; } @@ -30,7 +35,10 @@ export const SliderBannerWrap = styled.div` margin-right: 10%; justify-content: center; - // margin: 0 auto; /* 필수!!!!! */ + + @media (min-width: 1440px) { + width: 1400px; + } `; export const SlideBanner = styled.div` From b20af4c9b08cacc39bcc2762093cc5ab33390aaa Mon Sep 17 00:00:00 2001 From: Soomxn Date: Fri, 3 Nov 2023 13:39:11 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=8A=AC?= =?UTF-8?q?=EB=9D=BC=EC=9D=B4=EB=8D=94=201440px=20=EC=9D=B4=EC=83=81?= =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=B9=98=EC=9A=B0=EC=B9=A8=20=ED=98=84?= =?UTF-8?q?=EC=83=81=20=EC=88=98=EC=A0=95=20=EB=B0=8F=20css=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- WISCOM/src/components/Project/ProjectStyle.jsx | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/WISCOM/src/components/Project/ProjectStyle.jsx b/WISCOM/src/components/Project/ProjectStyle.jsx index 7ff7276..6fae9c4 100644 --- a/WISCOM/src/components/Project/ProjectStyle.jsx +++ b/WISCOM/src/components/Project/ProjectStyle.jsx @@ -91,18 +91,24 @@ export const Text = styled.div` margin-left: 8rem; padding-left: 5rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + @media (max-width: 1030px) { font-size: 95%; } - @media screen and (max-width: 814px) { - margin-left: 0rem; + @media screen (min-width: 768px) and (max-width: 814px) { text-align: center; - padding-left: 0rem; + margin-left: 0rem; } @media (max-width: 768px) { font-size: 66%; + padding-left: 0rem; + margin-left: 0rem; + text-align: center; } `;