Improved image centering

diff --git a/about.html b/about.html
index 211fa2e88e7ffc58b315d7b8b5e82081cc7d81e5..2a9cc8a521eef01fdd33d7b1dcf620fd41781435 100644 (file)
--- a/about.html
+++ b/about.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <p>
                 Men vem är då jag?
@@ -84,7 +84,7 @@
                 Klart lättast är naturligtvis att hugga tag i mig personligen om ni har möjligheten.  
             </p>
             <p>
-                Mitt CV hittar ni <a href="https://gitweb.forssennils.se/?p=cv.git;a=blob;f=main.pdf;h=54a943156c44f7f51551cd0619c3c4d89f4be21e;hb=HEAD">här</a>.
+                Mitt CV hittar ni <a href="https://gitweb.forssennils.se/?p=cv.git;a=blob;f=main.pdf;">här</a>.
             </p>
 
             <p>

diff --git a/css/main.css b/css/main.css
index 326224428d367b3ff293545fc4e06be9cf2fd0fa..cc20f3501433e2a10fb8228e1d52ff6a24307a74 100644 (file)
--- a/css/main.css
+++ b/css/main.css
@@ -81,6 +81,10 @@ nav ul li a:hover {
     flex-wrap: wrap;
 }
 
+.main_with_post {
+    justify-content: center;
+}
+
 .block {
     background-color: #ddd;
     border-radius: 15px;
@@ -147,6 +151,7 @@ nav ul li a:hover {
     max-width: 600px;
     border-radius: 15px;
     outline: 3px solid #000;
+    
 }
 
 .img_container embed {
@@ -168,6 +173,12 @@ nav ul li a:hover {
     margin: 10px 10px 10px 10px;
 }
 
+.post .img_container {
+    text-align: center;
+    width: 100%;
+    margin: 10px 10px 10px 10px;
+}
+
 .block p {
     width: 100%;
 }

diff --git a/posts/indonesien.html b/posts/indonesien.html
index 85f49fa68046bd73edae901eefd0e7b557d2428c..d5f7f2e2b7e2fe4753296764e6fe2edcd37764bc 100644 (file)
--- a/posts/indonesien.html
+++ b/posts/indonesien.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>INDONESIEN!</h2>
             <h3>20 augusti 2023</h3>

diff --git a/posts/ny_gitarr.html b/posts/ny_gitarr.html
index 119916849fffa3064fcf9304a2f1b16e77c71360..89f17168ce80747580efefc5373b4db56bb4cb70 100644 (file)
--- a/posts/ny_gitarr.html
+++ b/posts/ny_gitarr.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>NY GITARR!</h2>
             <h3>21 mars 2025</h3>

diff --git a/posts/skruv_rant.html b/posts/skruv_rant.html
index 82d4a186e626f49b9a1a855f2110ca22f060d2d8..19a8fb7886287dd75f7d2b79ad3d7c186fb02dac 100644 (file)
--- a/posts/skruv_rant.html
+++ b/posts/skruv_rant.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>SKRUV-RANT!</h2>
             <h3>7 april 2025</h3>

diff --git a/posts/star_rider.html b/posts/star_rider.html
index e0b1450e996c38b15996cfd0048d5830837762b2..be03736c6ee997cb0811320752d028532f46c5be 100644 (file)
--- a/posts/star_rider.html
+++ b/posts/star_rider.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>HÄLLAS - STAR RIDER</h2>
             <h3>16 dec 2023</h3>

diff --git a/posts/the_price.html b/posts/the_price.html
index 69286dd9b7b87692eb2304e0d32f43eea91855e8..389cbcd20ec13d9a33999bc4625bb2fef25faf1d 100644 (file)
--- a/posts/the_price.html
+++ b/posts/the_price.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>THE PRICE - TWISTED SISTER COVER</h2>
             <h3>24 juni 2025</h3>

diff --git a/posts/uppdatering.html b/posts/uppdatering.html
index b0f9437f9717e00454b2165d02fac9d44d72ac39..80852a6770858634696611185bafdabec12699e4 100644 (file)
--- a/posts/uppdatering.html
+++ b/posts/uppdatering.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>UPPDATERING 2024</h2>
             <h3>31 oct 2024</h3>

diff --git a/posts/welcome.html b/posts/welcome.html
index a8409d7176ea922f474d627ff259f750c3360701..89dd51ee072528700af0502e452fbd7d81b369a6 100644 (file)
--- a/posts/welcome.html
+++ b/posts/welcome.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>VÄLKOMMEN!</h2>
             <h3>4 mars 2023</h3>

diff --git a/posts/welcome_2.html b/posts/welcome_2.html
index bdb0424e95a896c0dd8321fe0e896c350d77199b..f89244d573397dd097baa7fc60d31c5a0b5f0c1c 100644 (file)
--- a/posts/welcome_2.html
+++ b/posts/welcome_2.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>VÄLKOMMEN IGEN!</h2>
             <h3>22 mars 2025</h3>

diff --git a/projects/CDIO.html b/projects/CDIO.html
index 31be5abd8b78c060013af7f95e65fd6409af0901..0e79715914ad24426746f52b8e26b8a6bfa4b755 100644 (file)
--- a/projects/CDIO.html
+++ b/projects/CDIO.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>VLSI-KONSTRUKTION (CDIO-PROJEKTET)</h2>
             <h3>24 juni 2025</h3>

diff --git a/projects/gitarrpedaler.html b/projects/gitarrpedaler.html
index d7d3f2ca43903d60bbf5cb7ba9ccfe9f80f0afa2..a98864e05bb8316470782ced5240a8f9e1e82e9b 100644 (file)
--- a/projects/gitarrpedaler.html
+++ b/projects/gitarrpedaler.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>GITARRPEDALER</h2>
             <h3>31 jan 2025</h3>

diff --git a/projects/kandidatprojekt.html b/projects/kandidatprojekt.html
index fe0c45eb584a2f04b1bd33d057ba0df0f7a7c76f..3bed6759d4ff05ddc8e528dad1384dc976ec5d49 100644 (file)
--- a/projects/kandidatprojekt.html
+++ b/projects/kandidatprojekt.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>KANDIDATPROJEKT</h2>
             <h3>9 juni 2024</h3>

diff --git a/projects/phono_preamp.html b/projects/phono_preamp.html
index 4121f306e1e7cf8d77f53f48a2f5be5b8fd190a6..12aa0192b209876ee7fa79ce37848a8579283141 100644 (file)
--- a/projects/phono_preamp.html
+++ b/projects/phono_preamp.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>FÖRFÖRSTÄRKARE</h2>
             <h3>17 april 2024</h3>

diff --git a/projects/speaker.html b/projects/speaker.html
index cacc44b2b8af4669ff1317bb149e93d9cd308e96..8f130dd10917b230870ad3678643e1f4679d4a8e 100644 (file)
--- a/projects/speaker.html
+++ b/projects/speaker.html
@@ -32,7 +32,7 @@
        </div>
 
 
-    <div class="main">
+    <div class="main main_with_post">
         <div class="post block">
             <h2>BLUETOOTH-HÖGTALARE</h2>
             <h3>5 april 2023</h3>