feat(ui): handle points in mobile device

okp4 · Dec 2, 2022 · 39a332c · 39a332c
1 parent fbd9468
commit 39a332c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/sidh/challenges.scss b/src/components/sidh/challenges.scss
@@ -105,7 +105,11 @@
           padding: 40px 0 0 40px;
           line-height: 32px;
 
-          @media screen and (max-width: 1440px) {
+          @media screen and (max-width: 580px) {
+            padding: 20px 0;
+          }
+
+          @media screen and (min-width: 581px) and (max-width: 1440px) {
             padding: 20px 0 0 20px;
           }
 
@@ -124,6 +128,10 @@
             font-family: 'Gotham light', sans-serif;
             font-size: 28px;
 
+            &:nth-child(2) {
+              text-align: right;
+            }
+
             @media screen and (max-width: 1100px) {
               font-size: 20px;
             }