sq: improve responsiveness
This commit is contained in:
parent
2122efe41e
commit
a6b4e7a00a
2 changed files with 78 additions and 47 deletions
|
@ -75,6 +75,7 @@
|
|||
.plans-panel .tab-pane .plan-col {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.plans-panel .plan-col:before {
|
||||
|
@ -162,15 +163,15 @@
|
|||
}
|
||||
|
||||
.plans-panel .faq-features {
|
||||
margin-top: 60px;
|
||||
margin-top: 15px;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.plans-panel .features-col {
|
||||
background-color: #f9f9f9;
|
||||
padding: 30px;
|
||||
border: 1px solid #ddd;
|
||||
border-top: 0px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.plans-panel .row-container {
|
||||
|
@ -184,7 +185,7 @@
|
|||
}
|
||||
|
||||
.plans-panel .tab-content {
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.plans-panel .features-col .features-title {
|
||||
|
@ -220,15 +221,37 @@
|
|||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.plans-panel .features-col .features-list li p {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.plans-panel .features-col .features-list li p {
|
||||
display: block;
|
||||
}
|
||||
.plans-panel .features-col {
|
||||
border-right: none;
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
.plans-panel .faq-col {
|
||||
padding: 50px;
|
||||
padding-bottom: 0px;
|
||||
padding-top: 30px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.plans-panel .faq-col h4 {
|
||||
color: #2e79b9;
|
||||
margin-top: 50px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 23px;
|
||||
}
|
||||
|
||||
.plans-panel .faq-col p+h4 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.plans-panel .faq-col h4:first-child {
|
||||
|
|
Reference in a new issue