浏览代码

Change about page's display on mobile

Gaël Métais 4 年之前
父节点
当前提交
b24a676f22
共有 2 个文件被更改,包括 11 次插入2 次删除
  1. 6 1
      front/src/css/about.css
  2. 5 1
      front/src/less/about.less

+ 6 - 1
front/src/css/about.css

@@ -1,6 +1,11 @@
 .about {
   margin: 3em auto;
-  width: 50%;
+  width: 80%;
+}
+@media (min-width: 640px) {
+  .about {
+    width: 50%;
+  }
 }
 .about p {
   margin: 2em;

+ 5 - 1
front/src/less/about.less

@@ -1,6 +1,10 @@
 .about {
     margin: 3em auto;
-    width: 50%;
+    width: 80%;
+
+    @media (min-width: 640px) {
+        width: 50%;
+    }
 }
 
 .about p {