updated screenshots

README.md

-# Sorting Visualizer 
+# Sorting Visualizer
 
 Sorting Visualizer demonstrates how Bubble Sort works through an interactive graphical interface.
 
----
-![unsorted](unsorted.png)
-![sorted](sorted.png)
-
-
 [Check it out](https://sorting-visualizer-stdarunte-0b3511e20a59a622aed5caf7134ac4faf2.h-da.io/)
+
+---
+![unsorted](screenshots/unsorted.png)
+![sorted](screenshots/sorted.png)

src/SortingVisualizer.jsx

@@ -103,7 +103,7 @@ function SortingVisualizer() {
                            }} defaultValue={BarNumber}
                            value={BarNumber} style={{width: '50px', margin: '10px'}}/>
                     <div style={{background: 'gray', height: '85%', width: '2px'}}></div>
-                    <div className="SpeedLabel">Sorting-Speed: </div>
+                    <div className="SpeedLabel">Sorting-Speed:</div>
                     <button className="Button" disabled={sorting}
                             style={{background: `${sortSpeed == 100 ? 'green' : ''}`}}
                             onClick={() => setSortSpeed('100')}>Slow

src/main.jsx

-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
+import {StrictMode} from 'react'
+import {createRoot} from 'react-dom/client'
 import SortingVisualizer from './SortingVisualizer.jsx'
 
 
 createRoot(document.getElementById('root')).render(
-  <StrictMode>
-    <SortingVisualizer />
-  </StrictMode>,
-)
+    <StrictMode>
+        <SortingVisualizer/>
+    </StrictMode>,
+)
\ No newline at end of file