🐛 Bug: Improves the UI/UX of the blog post and its text on the mobile devices.

[jagpreetrahi]

Describe the bug

This issue contains the small improvements on the blog pages that breaks the UI or not look responsive on the mobile device either on desktop site or without it.

1. The title text of blog is currently seems too large and takes too much space on mobile device.
2. The background image of this blog not fit properly on the mobile device.
3. The author icon and the read more button overlap each other and not properly define the responsive UI on the mobile device. It can create confusion to the blog reader by seeing the read button behind the icon.
4. On this blog , there is either a page or a image not found there between the blog contain. Need clarification?
5. In this page, there is a blog container inside which there is a un-necessary space present between the content that looks not good on the mobile device.

Steps To Reproduce

Go to the blog page and individual blog on the mobile device and see the UI/UX there.

Expected Behavior

The UI/UX of the blog page and it's text should look responsive on the mobile device as well. And also the not found item on the API days Paris 2023 blog should be resolve for better readability and understanding.

Screenshots

Device Information [optional]

- OS:Window
- Browser: Chrome,FireFox
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[jagpreetrahi]

Hey @Utkarsh-123github , I hope you are doing well. I would like to work on this.

[Utkarsh-123github]

Hi @jagpreetrahi , I rechecked point 3 and I cannot reproduce the same issue as you mentioned. Please check this out:

• No overlapping of Read more and author image

• For point 1 and 2, please drop some screenshots, how will it look after the changes so that we can compare the previous and updated design.
• For point 4, you need to discuss it with Benjamin.
• For point 5, can you clarify a bit more, which page are you mentioning here.

[jagpreetrahi]

Hey @Utkarsh-123github , For point 3, have you try to open the blog page on desktop site?. Because this issue happens on desktop site not on normally. And as I shown your response, you provided normally page screenshot on mobile right??

For point 1 and 2, I'll give you update asap.

For point 5 , here is the more clear way to explore. Just go to this community page and scroll down to bottom of the page and see the last container related to blog post on mobile.

[Utkarsh-123github]

@jagpreetrahi , the screenshot which I provided is from desktop site. I have just changed the screen resolution to Iphone 12.

[jagpreetrahi]

@benjagm , I hope you are doing well. Could you please help me out to understand the point 4 mention above??

[Bhumikagarggg]

hello @Utkarsh-123github, i would like to work on this issue, Could u please assign me?

[Utkarsh-123github]

Hi @Bhumikagarggg , thank you for your interest in working on this issue! 🙌 At the moment, this is still under discussion, and it will most likely be handled by Jagpreet. So, I’d suggest picking up any of the other open issues, feel free to choose whichever you’d like to work on.