Convert rem's to em's in breakpoints to fix layout jerking issue in e.g. iPad and when resizing viewport.
This commit is contained in:
parent
47f2ba81ad
commit
6d6546011f
2 changed files with 11 additions and 11 deletions
|
@ -52,7 +52,7 @@ html {
|
|||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@media (min-width: 38rem) {
|
||||
@media (min-width: 38em) {
|
||||
html {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
@ -193,7 +193,7 @@ blockquote {
|
|||
blockquote p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media (min-width: 30rem) {
|
||||
@media (min-width: 30em) {
|
||||
blockquote {
|
||||
padding-right: 5rem;
|
||||
padding-left: 1.25rem;
|
||||
|
@ -382,7 +382,7 @@ a.pagination-item:hover {
|
|||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
@media (min-width: 30rem) {
|
||||
@media (min-width: 30em) {
|
||||
.pagination {
|
||||
margin: 3rem 0;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue