[main] More styling, and some content in job

data/Arbejde/0200_hvordan_gøres_det.md

@@ -3,7 +3,7 @@ name: Arbejde i Portugal
 description: Mine noter og fund om at arbejde i Portugal som EU-borger
 author: Henrik Jess
 date: ons 11 dec 22:16:13 CET 2024
-summary: Praktisk info fra min research om arbejde i Portugal
+summary: Men hvordan gør man det så?
 favorite: false
 image: images/pic09.jpg
 category: Job

static/css/main.css

@@ -328,14 +328,29 @@ small > em {
   font-family: "Roboto Slab", serif;
   font-weight: 300;
   font-style: italic;
-  max-width: 10vh;
+  max-width: 20vh;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   padding: 0.25em 0.5em;
   float: right;
-  margin: 0 0 0.5em 0.5em;
+  margin: 0 0 0.25em 0.25em;
   background-color: rgba(0, 0, 0, 0.01);
 }
+@media screen and (max-width: 1680px) {
+  small > em {
+    transform: scale(0.65);
+  }
+}
+@media screen and (max-width: 980px) {
+  small > em {
+    transform: scale(0.55);
+  }
+}
+@media screen and (max-width: 736px) {
+  small > em {
+    transform: scale(0.5);
+  }
+}
 
 /* Row */
 .row {

static/sass/base/_typography.scss

@@ -225,7 +225,7 @@
 		font-family: _font(family-heading);
 		font-weight: 300;
 		font-style: italic;
-		max-width: 10vh;
+		max-width: 20vh;
 
 		// Add light borders
 		border: 1px solid rgba(0, 0, 0, 0.1); // Light, subtle border
@@ -234,6 +234,17 @@
 
 		// Allow text to flow around it
 		float: right;                   // Box floats to the right
-		margin: 0 0 0.5em 0.5em;        // Add spacing around the box
+		margin: 0 0 0.25em 0.25em;        // Add spacing around the box
 		background-color: rgba(0, 0, 0, 0.01); // Optional: Light background for contrast
+		@include breakpoint('<=xlarge') {
+			transform: scale(0.65);
+		}
+
+		@include breakpoint('<=medium') {
+			transform: scale(0.55);
+		}
+
+		@include breakpoint('<=small') {
+			transform: scale(0.50);
+		}
 	}