Skip to content

Commit 798fe7c

Browse files
committed
fix: mobile styles
1 parent 1980912 commit 798fe7c

File tree

1 file changed

+15
-3
lines changed

1 file changed

+15
-3
lines changed

js/FeedzyLoop/style.scss

Lines changed: 15 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,21 @@
11
.wp-block-feedzy-rss-feeds-loop {
22
display: grid;
33

4-
@for $i from 2 through 5 {
5-
&.feedzy-loop-columns-#{$i} {
6-
grid-template-columns: repeat(#{$i}, 1fr);
4+
@media (min-width: 782px) {
5+
@for $i from 2 through 5 {
6+
&.feedzy-loop-columns-#{$i} {
7+
grid-template-columns: repeat(2, 1fr);
8+
}
79
}
810
}
11+
12+
@media (min-width: 960px) {
13+
@for $i from 2 through 5 {
14+
&.feedzy-loop-columns-#{$i} {
15+
grid-template-columns: repeat(#{$i}, 1fr);
16+
}
17+
}
18+
}
19+
20+
grid-template-columns: repeat(1, 1fr);
921
}

0 commit comments

Comments
 (0)