frontend: use responsive fontsizes in guide component

Author: thisconnect

frontends/web/src/components/guide/guide.module.css

@@ -12,15 +12,15 @@
 
 .close {
     display: flex;
-    height: 24px;
+    height: 2.4rem;
     padding: 4px;
-    width: 24px;
+    width: 2.4rem;
 }
 
 .close img {
-    height: 20px;
+    height: 2rem;
     margin-left: calc(var(--space-quarter) / 2);
-    width: 20px;
+    width: 2rem;
 }
 
 .wrapper {
@@ -116,10 +116,9 @@
     display: flex;
     font-size: var(--size-subheader);
     flex-direction: row;
-    font-weight: bold;
     justify-content: flex-start;
-    line-height: 1.2em;
-    width: 16px;
+    line-height: 1.2;
+    width: 1.2rem;
 }
 
 .entryTitle .entryTitleText {
@@ -131,7 +130,7 @@
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
-    padding-left: 16px;
+    padding-left: 1.2rem;
 }
 
 .expanded {