different tactic for visually hiding the title

2018-06-23 14:02:28 +02:00 · 2018-06-23 14:02:28 +02:00 · 59506c7eb8
parent 7aaa5815e3
commit 59506c7eb8
1 changed files with 5 additions and 2 deletions
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@ -3,6 +3,7 @@
 .project {
    text-align: center;
    margin-bottom: $spacer * 4;
+    position: relative;

    @media (min-width: 30rem) {
        margin-bottom: $spacer * 8;
@ -43,7 +44,9 @@
 }

 .title {
-    visibility: hidden;
-    font-size: 0;
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
    margin: 0;
 }