Make page more responsive

2026-10-02 14:46:25 +00:00 · 2021-08-27 00:36:42 +02:00
parent 1cfa38596d
commit 3deeed5686
1 changed files with 7 additions and 2 deletions
@@ -1,8 +1,8 @@
 .portfolios {
  width: 100%;
-  max-width: 800px;
+  max-width: calc(800px + 50px + 80px);
  text-align: left;
-  padding: 20px;
+  padding: 20px calc(20px + 50px + 15px);
  margin: 20px auto;
  counter-reset: portfolio;

@@ -44,8 +44,13 @@
    position: relative;
    counter-increment: portfolio;

+    @media #{$media-size-tablet} {
+      flex-direction: column-reverse;
+    }
+
    .read-more {
      white-space: nowrap;
+      max-width: max-content;
    }

    &-cover {