Fix feed menu overlap at ipad screen widths

2020-10-07 23:01:18 -05:00
parent 1978c3d3bd
commit 5937e0289e
2 changed files with 26 additions and 18 deletions
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -60,6 +60,22 @@ body {
  color: rgb(255, 0, 0);
 }

+.feed-menu {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.feed-menu-item {
+  text-align: center;
+}
+
+@media screen and (max-width: 640px) {
+  .feed-menu-item {
+    flex: 0 0 40%;
+  }
+}
+
 .h-box {
  padding-left: 1em;
  padding-right: 1em;