The homepage text is smudged into the homepage picture

[MyrtoG]

Version

v3

Severity

High

Suggested Priority

High

Observed Behaviour

When clicking into the link and redirected to the /home page, the text displayed on that page is smudged within the image that is displayed. This looks highly unprofessional and it would turn any user away. On top of that, the text is not readable which beats the purpose of a page that is supposed to welcome users into the app.

Expected Behaviour

The text should be displayed either next to the image or under the picture.
The homepage should be "clean" and inviting. Users should feel good and comfortable when interacting with the app.

Reproduction Steps

1. Browse to localhost:5001
2. Click on the "come back to us" link
3. You should be redirected to /home

Note: The first timed I followed the above steps I could see the text next to the picture as intended. If the above doesn't work add the following steps:
4. Go back to localhost:5001
5. Repeat step 2

[neilstudd]

It's funny that you could sometimes get it displaying properly, and sometimes have it displaying badly. I'm not sure why it would do that.

I can replicate something similar to what you mentioned if I start resizing my browser though - there are certain screen sizes where the text doesn't seem to wrap properly. If that's the issue, I'll see what I can do, I'm mostly working on a bunch of CSS/styling stuff so maybe I'll get a chance to improve it

[MyrtoG]

I think the issue is resizing and I've observed a similar behaviour with the menubar.

[PaulNGilson]

If we were to have had more time here, it might've been interesting to know what the recommended sizes (screen widths) are that should be supported - I imagine there's a cut-off point eventually, beyond which it isn't realistic (even GitHub.com eventually struggles).