Some sections are not aligned on mobile

[ShannonTrust]

Please select the priority level by adding one of the following labels to this issue?

Priority-3 (Normal e.g. Functionality is not working for a subset of users)

Describe the bug and the expected behaviour.

I've been doing a mobile check of the website and there are a couple of things that are out of place.

• Impact page: the reports are stacked rather than in a line on mobile, and the copy on the photo under the reports isn't central to the page
• Turning Pages reading manuals: all the subheadings don't seem to fit in the blue mark properly
• Numeracy: same as above, the headings don't seem to fit properly
• Our history: on the timeline, 'key Shannon Trust moments', all the dates have moved so that it's no longer all in line
• New and views: the social media feeds aren't appearing for some reason
• Donate, fundraise, fundraise your way, challenges and events: on all of these pages, where it has 'how your donations make a difference' the blue mark doesn't fit the text

Steps To Reproduce

On mobile:

• https://www.shannontrust.org.uk/impact
• https://www.shannontrust.org.uk/turning-pages
• https://www.shannontrust.org.uk/numeracy
• https://www.shannontrust.org.uk/news-and-views
• https://www.shannontrust.org.uk/donate
• https://www.shannontrust.org.uk/fundraise
• https://www.shannontrust.org.uk/fundraise-your-way
• https://www.shannontrust.org.uk/challenges-events

Screenshots or a link to a Loom Recording

What browsers are you seeing the problem on?

Chrome

Anything else?

No response

[cyberteenie]

@ShannonTrust - thanks for flagging! We will get that sorted shortly!

[redahaq]

Hi @ShannonTrust, thanks very much for flagging these issues. I've gone through and made the fixes, would you mind reviewing please?

Just a note that the social media feeds won't appear on this staging link so you can review those once you're happy with the rest of the changes and we've pushed to the site to production. Thank you!

https://shannon-trust.webflow.io/

cc. @cyberteenie

[ShannonTrust]

Thanks, @redahaq. The only thing I'm still unsure about is the timeline on 'our history' page. I don't think the dates are normally central. On the web version, the dates are next to the copy:

Everything else looks good.

[redahaq]

Thanks for clarifying @ShannonTrust; I've left-aligned the dates on mobile as well now. Are you happy for the issue to be closed?

[ShannonTrust]

Perfect. Thanks, @redahaq