Describe the bug
The application gives a lot of display error while adjusting over different sizes of screen. Some of them are:
1.) Textual overlapping in nodes at low resolution.
2.) Slide bar overlapping at different resolutions.
What to do
Fix media queries to make the website responsive.
To Reproduce
- Go to https://servermonk.github.io/Algorithm-Visualizer/
- Click on Path Algorithms
- Open "Responsive Design Mode" from the Inspect Element.
- See errors on different resolutions.
Expected behavior
1.) Alignments should be maintained.
2.) Nodes of grids get properly visible over every resolution.
3.) No overlapping elements.
Screenshots
Some example screenshots:
Desktop (please complete the following information):
- OS: All
- Browser: All
- Version: All
Smartphone (please complete the following information):
- Device: All
- OS: All
- Browser: All
- Version: All
Additional Context
NOTE: We're not accepting any changes in the master branch, make PRs in the beta branch only.
Connect with us
Discord Server: https://discord.gg/JbpCWb