Adjusted Alignment of Div Blocks

SaillantNicolas · Jan 15, 2024 · 52803b4 · 52803b4
1 parent 24fbbdc
commit 52803b4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/download.html b/download.html
@@ -8,7 +8,7 @@
 {% include JB/setup %}
 
 <div class="download-row">
-  <div class="col-sm-4">
+  <div class="col-sm-4 Windows-download">
     <a class="downloadlink" href="./download/windows.html">
     <div class="download-service-wrapper service-wrapper">
       <img src="images/icons/windows.svg" class="center-block" height="65" alt="Windows"></img>
@@ -17,7 +17,7 @@
   </div>
   </a>
 
-  <div class="col-sm-4">
+  <div class="col-sm-4 Linux-download">
     <a class="downloadlink" href="./download/linux.html">
     <div class="download-service-wrapper service-wrapper">
         <img src="images/icons/linux.svg" class="center-block" alt="Linux" height="65"></img>
@@ -26,7 +26,7 @@
   </div>
   </a>
 
-  <div class="col-sm-4">
+  <div class="col-sm-4 macOS-download">
     <a class="downloadlink" href="./download/macosx.html">
     <div class="download-service-wrapper service-wrapper">
         <img src="images/icons/Mac_os_x_icon.svg" class="center-block" alt="macOS" height="65"></img>

diff --git a/style.css b/style.css
@@ -28,11 +28,19 @@ a {
 }
 .download-row {
   display: flex;
+  width: inherit;
+  padding-right: 15px;
 }
 
 .download-row > div {
   padding: 0 15px;
 }
+.Windows-download {
+  padding-left: 5px !important;
+}
+.macOS-download {
+  padding-right: 20px !important;
+}
 .bottom-container {
   display: flex;
 }