A client had three intro boxes on their homepage which had a one- or two-word title, a picture automatically cropped by the Content Management System to a specific size, and a variable-length paragraph underneath the picture. The character limit on the title and the specific size of photo meant the photos were always in line with each other.
Client: Can we move the paragraph to above the photo instead of below it?
Me: I don’t recommend that. It would mean the photos wouldn’t always line up with each other depending on each user’s browser width, screen resolution and zoom level, as the paragraphs are of varying length.
Client: I’d like to try it anyway, please go ahead and make the change.
I make the change. It looks awful.
Client: OK, I see what you mean…
Me: (internally) Thanks, now please can I change it back?
Client: …However I’d like to see what my other options are. My friend who knows CSS has just said if I give the block a minimum pixel height the photos would line up. Can you do that?
Me: Again, whatever height it’s set at, there will be people who see the photos out of alignment due to a combination of screen resolution, browser width, zoom level and text length. I recommend the photo goes back to above the paragraph.
Client: On my screen a minimum height of 70 pixels looks perfect. Please make the minimum height of the block 70 pixels.
Me: (begrudgingly) OK, it’s done.
One week later:
Client: Hey, I just looked at the site on a larger screen and now there is too much space between the text and the photo. Please could you take a look? Also, on my Uncle’s smaller screen, box 2 has one extra line compared to the others, containing just one word. Please fix.
Me: Here are some new restricted CMS login details, It gives your friends access to edit the CSS stylesheet files only. Please let me know when they’ve finished.
What I didn’t say at the end of that was: so I can laugh.
I also quietly removed my web design credit from the footer of the website.