Update main.css

fix responsive
This commit is contained in:
You-Wen Liang (Mark) 2017-07-27 23:00:32 +08:00 committed by GitHub
parent cd8b09f900
commit 9d3f6680cb

View File

@ -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;