On Mon, Feb 22, 2021 at 9:00 AM Jerome Shidel <jer...@shidel.net> wrote:

>
>
> > On Feb 22, 2021, at 12:06 AM, Jim Hall <jh...@freedos.org> wrote:
> >
> > Darn, I thought I’d updated this to be mobile friendly. Must have missed
> something when I rewrote the css. I’ll have to look at that again.
> >
> > What phone do you use?
>
> iPhone 6s, latest version of iOS.
>
>

I wanted to look at this further. I designed the new css file on the test
site to have several sizes where the layout changes to support viewing on
mobile devices.

At smaller sizes, the default action is to display the images and
info-boxes one after the other (vertically).

At 768px to 1100px, the images and infoboxes go side-by-side.

And at 1100px wide and wider, the screen gets extra padding, but the images
and infoboxes still show side-by-side.

But looking more closely at the Chrome mobile/responsive viewer, looks like
at sizes below 768px, something is pushing some content off the right size
of the screen. The screen never gets "wide enough" to avoid a horizontal
scrollbar until 768px.


Interestingly, the current www.freedos.org website doesn't have that
problem. So it's obviously something I'm doing in the updated css. At a
guess, I think the problem might be either how padding is defined, or
something in the header (probably the inline-block). I'll run a few more
tests and use that when I update the test site again.


Jim
_______________________________________________
Freedos-user mailing list
Freedos-user@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/freedos-user

Reply via email to