Update main.css
fix responsive
This commit is contained in:
parent
cd8b09f900
commit
9d3f6680cb
@ -720,6 +720,18 @@ tbody {
|
|||||||
margin-bottom: -5px;
|
margin-bottom: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-device-width: 992px), (max-width: 992px) {
|
||||||
|
.popup .popuptext {
|
||||||
|
left: auto;
|
||||||
|
right: -40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup .popuptext::after {
|
||||||
|
left: auto;
|
||||||
|
right: 36px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-device-width: 768px), (max-width: 768px) {
|
@media (max-device-width: 768px), (max-width: 768px) {
|
||||||
.description {
|
.description {
|
||||||
margin: 0 auto 25px;
|
margin: 0 auto 25px;
|
||||||
@ -733,18 +745,6 @@ tbody {
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* The actual popup (appears on top) */
|
|
||||||
.popup .popuptext {
|
|
||||||
left: auto;
|
|
||||||
right: -40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Popup arrow */
|
|
||||||
.popup .popuptext::after {
|
|
||||||
left: auto;
|
|
||||||
right: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
Loading…
Reference in New Issue
Block a user