William Lucid asked 3 years ago
I post data to a domain hosted web site using a php file (collectdata2.php); hosted on domain server. Php file receives data, echoes data back, then creates a web page every 15 minutes with updated data. CSS I use looks good on my 22 inch monitor; however, does not look good on 15.6″ laptop screen. CSS can be found in the “collectdata2.php” file. Any suggestions for improvement?
22″ Desktop monitor –looks good
15.6″ Laptop Screen –not so good
webInterface function that POSTs data.
Original version of this code by Stephan Borsay
William
Sara Santos Staff answered 3 years ago
Hi.
As you said, it is a problem related to CSS and the web page not being responsive in all screen sizes.
I’m far (very far away) from being an expert in CSS, but something that usually keeps the web page centered and responsive is using flex-box or CSS grid layout. Take a look at the following links and see if you can implement one of them in your scenario.
- https://css-tricks.com/snippets/css/a-guide-to-flexbox/
- https://css-tricks.com/snippets/css/complete-guide-grid/
Let me know if you need further help.
Regards,
Sara
William Lucid answered 3 years ago
Thank you Sara for the suggestions; used flex container to center content, simple and easy to use.
Laptop screen using Flex Container
Cellphone screen using Flex Container
collectdata2.php using Flex container
Best Regards,
William
Sara Santos Staff answered 3 years ago
That’s great!
I’m glad you found it useful.
I’ll mark this issue as resolved.
If you need further help, you just need to open a new question in our forum.
Regards,
Sara