немного адаптированы размеры шрифтов при разрешении >2000px, fix padding

This commit is contained in:
DmitriyB
2022-07-27 18:25:46 +05:00
parent ac5a8b6c76
commit f74bfd8f56
3 changed files with 26 additions and 10 deletions
+2 -2
View File
@@ -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 {
+24 -7
View File
@@ -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) {
-1
View File
@@ -16,7 +16,6 @@ export const PinkButton:React.FC<TProps> = React.memo((props) => {
})
}, [])
return <button
onMouseLeave={() => console.log('fuck')}
style={{width: props.width ? props.width : '', ...styles}}
className="main-part-text-button"
onClick={() => {