немного адаптированы размеры шрифтов при разрешении >2000px, fix padding
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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={() => {
|
||||
|
||||
Reference in New Issue
Block a user