search

fortran-lang / playground

An interactive Fortran playground
MIT License
34 stars 12 forks source link

Use a responsive layout for portrait windows #41

Closed milancurcic closed 1 year ago

milancurcic commented 2 years ago

While individual elements in the Playground are responsive, the layout is not. Consider this screenshot from an iPhone window emulation:

Screenshot from 2022-09-12 13-09-58

Since there are two main elements in the playground (editor on the left and output+tutorial on the right), I think the best solution would be to have these two elements span the full width horizontally and be on top of one another on mobile/portrait windows.

milancurcic commented 2 years ago

W3Schools Fortran playground have a nice solution to this IMO https://www.w3schools.com/tryit/trycompiler.asp?filename=demo_fortran. It's not responsive to window width, but provides a button for the user to change layout.