diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css index f8589dd..56b3c37 100644 --- a/src/components/footer/footer.css +++ b/src/components/footer/footer.css @@ -6,7 +6,7 @@ align-items: center; background-color: #1E1630; color: #FFFFFF; - padding: 120px 200px; + padding: 120px 12%; box-sizing: border-box; } @@ -110,7 +110,7 @@ a:hover { @media screen and (max-width: 1280px) { .footer-container { - padding: 120px 12px; + padding: 120px 2%; } .main-part-text-container { diff --git a/src/components/mainPart/mainPart.css b/src/components/mainPart/mainPart.css index 7566337..0f79287 100644 --- a/src/components/mainPart/mainPart.css +++ b/src/components/mainPart/mainPart.css @@ -6,7 +6,7 @@ flex-direction: column; justify-content: space-between; color: #FFFFFF; - padding: 50px 200px 16px 200px; + padding: 50px 12% 16px 12%; box-sizing: border-box; } @@ -110,7 +110,7 @@ border-radius: 8px; border: none; color: #FFFFFF; - transition: .3s; + /* transition: .3s; */ cursor: pointer; } @@ -289,9 +289,27 @@ transition: .3s; } +@media screen and (min-width: 2000px) { + .main-part-text-title { + font-size: 3vw; + max-width: 1000px; + } + + .main-part-text-descript { + font-size: 1vw; + max-width: 700px; + } + + .main-part-text-button { + width: 50%; + height: 70px; + font-size: 1vw; + } +} + @media screen and (max-width: 1280px) { .main-part-container { - padding: 50px 12px 16px 12px; + padding: 50px 2% 16px 2%; } .main-part-text-container { @@ -310,15 +328,14 @@ background-color: #CE56C2; color: #FFFFFF; border: none; - transition: 0; + /* transition: 0; */ } - .main-part-text-button:active { + /* .main-part-text-button:active { background-color: #FFFFFF; color: #CE56C2 ; border: none; - transition: 0; - } + } */ } @media screen and (max-width: 1024px) { diff --git a/src/components/mainPart/pinkButton.tsx b/src/components/mainPart/pinkButton.tsx index 5419ece..4c83171 100644 --- a/src/components/mainPart/pinkButton.tsx +++ b/src/components/mainPart/pinkButton.tsx @@ -16,7 +16,6 @@ export const PinkButton:React.FC = React.memo((props) => { }) }, []) return