description dont keep side by side

index.html

@@ -469,12 +469,11 @@
           VLC Inspection Management is an agile, end-to-end solution designed to simplify and streamline incoming inspections. It not only enhances quality management but also helps mitigate risks. By focusing on quality material input, the system ensures that your business can better satisfy customer demands and maintain a reliable supply chain.
         </p>
       </div>
-
-      <div class="grid md:grid-cols-2 gap-12">
+      <div class="flex flex-col gap-12">
         <div>
           <h3 class="text-xl font-semibold text-[var(--vlc-navy)] mb-6">Key Features</h3>
-          <ul class="space-y-4">
-            <li class="flex items-start">
+          <ul class="space-y-4 mb-8">
+<li class="flex items-start">
               <span class="text-[var(--vlc-leaf)] mr-3">✓</span>
               <span>Minimize risks with regards to suppliers</span>
             </li>
@@ -504,10 +503,9 @@
             </li>
           </ul>
         </div>
-
-        <div>
+        <div class="mt-8">
           <div class="bg-[var(--vlc-tint)] p-8 rounded-xl">
-            <h3 class="text-xl font-semibold text-[var(--vlc-navy)] mb-4">System Capabilities</h3>
+<h3 class="text-xl font-semibold text-[var(--vlc-navy)] mb-4">System Capabilities</h3>
             <p class="text-gray-600 mb-6">
               The system enables companies to deal with operations such as the oversight of quotes, inspection calendar, inventory, and equipment calibration. It can also keep track of high-risk suppliers and materials, simplify performance management, decrease costs and enhance supplier relationships.
             </p>

style.css

@@ -14,15 +14,14 @@ p {
 	margin-bottom: 10px;
 	margin-top: 5px;
 }
-
 .card {
 	max-width: 620px;
 	margin: 0 auto;
 	padding: 16px;
 	border: 1px solid lightgray;
 	border-radius: 16px;
+	margin-bottom: 2rem;
 }
-
 .card p:last-child {
 	margin-bottom: 0;
 }