Responsive for other sections.
This commit is contained in:
parent
39102f6164
commit
c7186ca567
|
@ -42,4 +42,26 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media @tablet-query {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
|
||||
&-title {
|
||||
margin-bottom: 2.4rem;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
&-buttons {
|
||||
flex-direction: column;
|
||||
|
||||
&-button {
|
||||
width: 100%;
|
||||
max-width: 280px;
|
||||
margin: 0 0 1rem;
|
||||
height: 3.4rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -18,6 +18,10 @@
|
|||
font-size: 2.8rem;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
|
||||
@media @tablet-query {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
}
|
||||
|
||||
&-items {
|
||||
|
@ -55,6 +59,19 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media @tablet-query {
|
||||
&-icon {
|
||||
width: 6rem;
|
||||
margin: 0 0 0 2rem;
|
||||
}
|
||||
|
||||
&:nth-child(odd) {
|
||||
.HomeGuide-items-item-icon {
|
||||
margin: 0 2rem 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,3 +1,5 @@
|
|||
@import '~styles/variables.less';
|
||||
|
||||
.HomeRequests {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
@ -8,10 +10,18 @@
|
|||
margin: 0 auto 6rem;
|
||||
position: relative;
|
||||
|
||||
@media @thin-query {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
&-divider {
|
||||
width: 100%;
|
||||
margin-bottom: 5rem;
|
||||
border-bottom: 1px solid rgba(#000, 0.08);
|
||||
|
||||
@media @thin-query {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
&-text {
|
||||
|
@ -20,7 +30,7 @@
|
|||
border-right: 1px solid rgba(#000, 0.08);
|
||||
|
||||
&-title {
|
||||
font-size: 2rem;
|
||||
font-size: 1.8rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
|
@ -28,6 +38,21 @@
|
|||
font-size: 1.1rem;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
@media @thin-query {
|
||||
width: auto;
|
||||
padding: 0 0 2rem 0;
|
||||
border-right: none;
|
||||
border-bottom: 1px solid rgba(#000, 0.08);
|
||||
|
||||
&-title {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
&-description {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-content {
|
||||
|
@ -38,5 +63,10 @@
|
|||
.RFPItem {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
@media @thin-query {
|
||||
width: 100%;
|
||||
padding: 2rem 0 0;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue