diff --git a/src/SortingVisualizer.css b/src/SortingVisualizer.css index 91b92669ec2bf48990be410f3d4567f56a909d9b..241a3d6342b1fde3e1aee1a51f153f2c06be8aef 100644 --- a/src/SortingVisualizer.css +++ b/src/SortingVisualizer.css @@ -89,9 +89,6 @@ button:active { align-items: flex-end; overflow: hidden; height: 400px; -/ - - } #dropdown-menu { @@ -178,3 +175,18 @@ button:active { transform: scale(1); } } + +@media (max-width: 860px) { + #ToolBar { + flex-direction: column; + height: auto; + } + + .Divider { + display: none; + } + + .DivArray { + margin-top: 210px; + } +} \ No newline at end of file diff --git a/src/SortingVisualizer.jsx b/src/SortingVisualizer.jsx index a121af385a8a93dbfb830bb5ac9e147fe394c299..066cd9b7dcec99bde12176858b3acf28ccc72b26 100644 --- a/src/SortingVisualizer.jsx +++ b/src/SortingVisualizer.jsx @@ -7,6 +7,7 @@ import 'react-bootstrap-range-slider/dist/react-bootstrap-range-slider.css'; import {Dropdown} from 'react-bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css'; + function SortingVisualizer() { const moduloFive = ((window.innerWidth / 45)).toFixed(0) % 5;