Merge pull request #262 from helgrind/pgrid-item_media_query_fix

Update _publication.scss to fix bad initial layout on mobile
This commit is contained in:
zzossig 2020-06-10 10:27:08 +09:00 committed by GitHub
commit a98cba6d9b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions

View File

@ -205,6 +205,13 @@
width: 49.5%; width: 49.5%;
} }
@media only screen and (max-width:769px) {
.pgrid-sizer,
.pgrid-item {
width: 100%;
}
}
.pgrid-item { .pgrid-item {
float: left; float: left;
border-radius: 0.25rem; border-radius: 0.25rem;
@ -218,4 +225,4 @@
.pgrid-item img { .pgrid-item img {
display: block; display: block;
max-width: 100%; max-width: 100%;
} }