diff --git a/images/syrian-flag.svg b/images/syrian-flag.svg
new file mode 100644
index 0000000..d13dc02
--- /dev/null
+++ b/images/syrian-flag.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1771.1 600" style="enable-background:new 0 0 1771.1 600;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#007A3D;}
+	.st2{fill:#CE1126;}
+</style>
+<path d="M0,0h1771.1v600H0V0z"/>
+<path class="st0" d="M0,0h1771.1v400H0V0z"/>
+<path class="st1" d="M0,0h1771.1v200H0V0z"/>
+<path class="st2" d="M611.8,375l48.7-150l48.7,150l-127.6-92.7h157.7 M1061.8,375l48.7-150l48.7,150l-127.6-92.7h157.7 M836.8,375
+	l48.7-150l48.7,150l-127.6-92.7h157.7"/>
+</svg>
diff --git a/index.html b/index.html
index c7eeeb3..c4c3abf 100644
--- a/index.html
+++ b/index.html
@@ -96,6 +96,10 @@
 
         <div class="sideBarCloser" onpointerdown="toggleHamburgerMenu()"></div>
     </div>
+    <div class="syrian-flag">
+        <img alt="The Syrian revolution flag." src="images/syrian-flag.svg"
+             title="Freedom has prevailed! ✊">
+    </div>
 </header>
 
 <!--    Hero Section (Bio)-->
@@ -108,7 +112,7 @@ <h1>Hello I'm</h1>
             <h1 style="color: #765995">Ahmed Kinan Ghbash</h1>
             <h1>Front-End Developer</h1>
 
-            <p>
+            <p style="text-wrap: balance">
                 I specialize in crafting interactive, user-focused web experiences.
                 With a passion for detail and design, I bring ideas to life through clean and responsive code.
             </p>
diff --git a/styles/card-styles.css b/styles/card-styles.css
index a4fa2c2..4f5f8a6 100644
--- a/styles/card-styles.css
+++ b/styles/card-styles.css
@@ -4,6 +4,7 @@
     align-items: center;
     flex-wrap: wrap;
     justify-content: center;
+    justify-items: center;
     gap: var(--whole-page-margin);
     width: 90%;
 }
@@ -147,9 +148,23 @@
     right: 0;
 }
 
+/* 2 columns on tablets. */
+@media all and (min-width: 850px) {
+    .cards-container {
+        display: block;
+        columns: 2;
+        column-gap: 20px;
+    }
+
+    .card {
+        margin-bottom: 40px;
+    }
+}
+
 /* Horizontal cards on desktop. */
-@media all and (min-width: 800px) {
+@media all and (min-width: 1250px) {
     .cards-container {
+        display: flex;
         flex-direction: column;
     }
 
@@ -158,6 +173,7 @@
         min-width: 100%;
         display: flex;
         gap: 19px;
+        margin-bottom: unset;
     }
 
     .card-lower-part {
@@ -187,7 +203,7 @@
     }
 
     .card-image-container {
-        max-width: 35%;
+        width: 750px;
         border-radius: var(--image-border-radius-desktop);
     }
 
diff --git a/styles/header-styles.css b/styles/header-styles.css
index 7e54cae..755c080 100644
--- a/styles/header-styles.css
+++ b/styles/header-styles.css
@@ -51,6 +51,25 @@
     display: none;
 }
 
+.syrian-flag {
+    user-select: none;
+    pointer-events: none;
+    position: fixed;
+    right: 0;
+    top: 0;
+    width: 75px;
+}
+
+.syrian-flag > img {
+    width: 130px;
+    rotate: 45deg;
+    position: relative;
+    right: 13px;
+    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.1));
+    user-select: all;
+    pointer-events: all;
+}
+
 @media all and (max-width: 800px) {
     .header {
         flex-direction: column;
@@ -96,4 +115,9 @@
         top: 0;
         left: 0;
     }
+
+    .syrian-flag > img {
+        width: 100px;
+        right: -8px;
+    }
 }
\ No newline at end of file