Update README.md

sadeelmu · Oct 9, 2024 · 2a85fa8 · 2a85fa8
1 parent 4dd4f71
commit 2a85fa8
Showing 1 changed file with 30 additions and 20 deletions.
diff --git a/README.md b/README.md
@@ -15,31 +15,41 @@ Breathing Exercises: Includes guided breathing exercises for asthma relief.
 
 
 ### Screenshots
-<div>
-
- <div>
-  <img src="Pics/Asthma%20threat%20dashboard.png" alt="Asthma Threat Dashboard" width="300">
-  <p>Asthma Threat Dashboard</p>
-
-  <img src="Pics/High%20asthma%20threat.png" alt="High Asthma Threat" width="300">
-  <p>High Asthma Threat Alert</p>
-
- </div>
-  <img src="Pics/Survey.png" alt="User Survey for Environmental Monitoring" width="300">
-  <p>User Survey for Environmental Monitoring</p>
-
-  <img src="Pics/Asthma%20threat%20breakdown.png" alt="Asthma Threat Breakdown" width="300">
-  <p>Asthma Threat Breakdown</p>
-
-  <img src="Pics/Historical%20data.png" alt="Historical Data Overview" width="300">
-  <p>Historical Data Overview</p>
+<div style="display: flex; flex-wrap: wrap; gap: 20px;">
+
+  <div style="flex: 1;">
+    <img src="Pics/Asthma%20threat%20dashboard.png" alt="Asthma Threat Dashboard" width="300">
+    <p>Asthma Threat Dashboard</p>
+  </div>
+
+  <div style="flex: 1;">
+    <img src="Pics/High%20asthma%20threat.png" alt="High Asthma Threat" width="300">
+    <p>High Asthma Threat Alert</p>
+  </div>
+
+  <div style="flex: 1;">
+    <img src="Pics/Survey.png" alt="User Survey for Environmental Monitoring" width="300">
+    <p>User Survey for Environmental Monitoring</p>
+  </div>
 
+  <div style="flex: 1;">
+    <img src="Pics/Asthma%20threat%20breakdown.png" alt="Asthma Threat Breakdown" width="300">
+    <p>Asthma Threat Breakdown</p>
+  </div>
+
+  <div style="flex: 1;">
+    <img src="Pics/Historical%20data.png" alt="Historical Data Overview" width="300">
+    <p>Historical Data Overview</p>
+  </div>
 
-  <img src="Pics/Breathing%20exercises.png" alt="Breathing Exercises" width="300">
-  <p>Breathing Exercises</p>
+  <div style="flex: 1;">
+    <img src="Pics/Breathing%20exercises.png" alt="Breathing Exercises" width="300">
+    <p>Breathing Exercises</p>
+  </div>
 
 </div>
 
+
 ### Technologies
 
 iOS Development: Swift and SwiftUI