Fixed issued with CSS on the Updated Downloads Page

css/download_change.css

@@ -8,18 +8,21 @@
   .down-head {
     font-weight: bold;
     font-size: 35px;
+    margin-top: 20px;
   }
 }
 
 .down-par {
   font-weight: 400;
   font-size: 18px;
+  max-width: 900px;
 }
 
 @media (min-width: 992px) {
   .down-par {
     font-weight: 400;
     font-size: 20px;
+    max-width: 900px;
   }
 }
 
@@ -72,6 +75,7 @@
   font-size: 32px;
   padding-left: 10px;
   padding-right: 10px;
+  padding-top: 35px;
   color: white;
 }
 
@@ -87,7 +91,7 @@
   background-color: #31363b;
 }
 
-.col-md-4.imagecol {
+.imagecol {
   background-color: transparent;
   padding-top: 20px;
 }

download.html

@@ -21,7 +21,7 @@ plateforms:
   - name: Android
     description: >
       KDE Connect Android App is available on both Google Play Store and on
-      the Open Source [F-Droid Store](https://f-droid.org/packages/org.kde.kdeconnect_tp/).
+      the Open Source. <a href="https://f-droid.org/packages/org.kde.kdeconnect_tp/">F-Droid Store</a>
     image:
       webp: assets/img/google-play-badge.webp
       png: assets/img/google-play-badge.png
@@ -95,17 +95,18 @@ plateforms:
 
 <section id="plateform" class="container">
   {% for plateform in page.plateforms %}
-    <div class="block pt-4 pb-4">
+    <div class="block pt-4 pb-4 OSBlock">
       <div class="kAppInfo">
         <div class="kAppInfo-content">
-          <h2>{{ plateform.name }}</h2>
-          <p style="max-width:900px;">
-            {{ plateform.description | markdownify }}
+          <h2 class="down-head">{{ plateform.name }}</h2>
+          <p class="down-par" >
+            {{ plateform.description  }}
           </p>
-          <a class="button learn-more" href="{{ plateform.learn-more.link }}">
+          <a class="button learn-more getbutton" href="{{ plateform.learn-more.link }}">
               {{ plateform.learn-more.text }}
           </a>
         </div>
+        
         {% if plateform.image-dark %}
           <picture>
             <source media="(prefers-color-scheme: dark)" srcset="{{ plateform.image-dark.webp }}"/>
@@ -121,6 +122,7 @@ plateforms:
             <img alt="{{ plateform.name }}" class="img-fluid" src="{{ plateform.image.png }}"/>
           </picture>
         {% endif%}
+        
       </div>
     </div>
   {% endfor %}
@@ -131,7 +133,7 @@ plateforms:
         <div class="card-body">
             <h4 class="card-title titlecard">Pairing Two Devices</h4>
             <p class="card-text titlepar">
-                Paiting two devices is the first steep in using KDE Connect. 
+                Paiting two devices is the first step in using KDE Connect. 
             </p>
             <a class="card-link" href="https://userbase.kde.org/KDEConnect#Pairing_two_devices_together">
                 <button class="button learn-more" type="button">Learn More</button>