Thank you, everyone (here and in email), for the feedback. It helps to know how it apppears on different devices. I only have a phone and a desktop, so I can't possibly test it in every kind of situation.
JackGywer wrote:
I assume there is no mobile version of the website.
Therefore it will not be displayed correctly on my cellphone.
So a thing of the settings on my phone.
When I created my website, I had to create two versions, the desktop version and the mobile version,
so that it can be displayed correctly on the phone
That was and still is a lot of work!
And that with only very minor material..............Kate,
I admire your patience and diligence
Actually, I am building *four* versions of this site. I'm using breakpoint 640 for small and mobile devices, 1024 for medium and some large devices, and a maximum of 1400 for widescreens, plus the fallback version for IE and old browsers. (I forgot to mention that IE doesn't support CSS Grid, so the site will probably appear funky on that browser. It should work, but things won't be neatly arranged. But according to my statistics, fewer than 5% of visitors still use IE. Does anyone here?)
What breakpoints did you use, JackGywer? Of all the feedback I got, you and tvero were the only ones who were getting that weird squished effect. I have a Samsung 8+, and it fits perfectly on my phone - the pictures are square and fill the width of the screen without being squished or cut off. On my desktop, though, I was able to resize my browser and squish it WAY down to recreate the effect you were getting. So it must have to do with screen resolution (rather than size). Even that I don't fully understand. Those pictures on the homepage are 400px square. My phone says its resolution is 2220x1080, but the 400px picture fills the screen.
I'm not sure of the best way to solve the problem. I could use smaller pictures and text boxes for mobile devices, but they'd look too small on a full screen, and I'd have to do a double set of every image.
tvero80 wrote:
Found something !!! Office/desk version instead of mobile version ( not sure about the translation , click on the 3 vertical dots top right and you'll find it I hope , J ) and you'll see vertically too : 4 squares, one picture in the top left hand corner ,one picture in the bottom right hand corner . Texts top right and bottom left . But is it what we're supposed to see ?
Wow, I didn't even know my phone had that setting. Yes, the four squares fall into two rows of two each like you described in the full desktop version. But does it look really tiny to you that way? On my phone, when I turn it horizontally, the main menu appears on the left, but the pictures still only form one column on top of each other. And if I use that desktop setting you found, it does the same thing except everything is a little bit smaller - both vertical and horizontal.
I guess all I can do is make sure the site functions properly, even if it appears different to everyone.
In the meantime, I've been trying to figure out if it's possible to do a Photo Gallery without frames. (If not, there is no point in trying to redo the rest of the site.) Anyway, I think I found a possibility. It's taken me three days of reading and tutorials to figure out the code, but it is sort of working for me right now. So I've put up another sample for available testers:
http://rdanderson.bravehost.com/new/photos
(The little menu icon isn't working on that one, but none of the links are working right now anyway on either menu.) The little thumbnails should slide around into position depending on the screen size and on which little selection boxes you click on. Then, clicking on an image should make the whole screen darken and the enlargement appear. You can scroll through the enlargements by clicking on the little left and right arrows that appear on the picture when you hover. Without hovering, on a touch screen, the little arrows don't appear, but if you tap on the right or left side of the picture, it should move to the next one. The enlargements are small on a phone - I have the option to make each picture open in a new window to make them bigger, but I don't know if it's worth it to have to close and open each one separately.
On my phone, the little thumbnails form three columns vertically, and 5 columns if I turn it sideways.
So, I'm hoping it works for other people too??
Kate