Update README.md

README.md

@@ -12,48 +12,47 @@ Personalized Alerts: Notifies users about potential asthma risks based on change
 
 Breathing Exercises: Includes guided breathing exercises for asthma relief.
 
+### Technologies
+
+iOS Development: Swift and SwiftUI
 
+Database: SQLite
+
+APIs: Apple HealthKit, WatchKit, WeatherKit
 
 ### Screenshots
 <div style="display: flex; flex-wrap: wrap; gap: 20px;">
 
-  <div style="flex: 1;">
+  <div style="flex: 1; min-width: 300px;">
     <img src="Pics/Asthma%20threat%20dashboard.png" alt="Asthma Threat Dashboard" width="300">
     <p>Asthma Threat Dashboard</p>
   </div>
 
-  <div style="flex: 1;">
+  <div style="flex: 1; min-width: 300px;">
     <img src="Pics/High%20asthma%20threat.png" alt="High Asthma Threat" width="300">
     <p>High Asthma Threat Alert</p>
   </div>
 
-  <div style="flex: 1;">
+  <div style="flex: 1; min-width: 300px;">
     <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;">
+  <div style="flex: 1; min-width: 300px;">
     <img src="Pics/Asthma%20threat%20breakdown.png" alt="Asthma Threat Breakdown" width="300">
     <p>Asthma Threat Breakdown</p>
   </div>
 
-  <div style="flex: 1;">
+  <div style="flex: 1; min-width: 300px;">
     <img src="Pics/Historical%20data.png" alt="Historical Data Overview" width="300">
     <p>Historical Data Overview</p>
   </div>
 
-  <div style="flex: 1;">
+  <div style="flex: 1; min-width: 300px;">
     <img src="Pics/Breathing%20exercises.png" alt="Breathing Exercises" width="300">
     <p>Breathing Exercises</p>
   </div>
 
 </div>
 
 
-### Technologies
-
-iOS Development: Swift and SwiftUI
-
-Database: SQLite
-
-APIs: Apple HealthKit, WatchKit, WeatherKit