Hi all. I am currently working on a website and just hosted it with a webhosting platform called Heroku. I opened it up on my phone and it looks pretty horrid, however I am unsure of what changes to the css I should make. I think that the text simply takes up way too much space, while the maps area of the screen is too small, making the user experience worse. I have linked the website below if you would like to visit it and give me some feedback. (You can use inspect element to view the code) View Code With Inspect: https://asteroidcollision.herokuapp.com/ I think one solution is to make the text be at the top of the screen, does anyone mind providing some code examples including CSS that will inspire/show me how to do this?
If you do not wish to visit the website and you'd rather view an image and give me feedback. I have also included that..
Thanks for the help.. cheers