🐛 Bug: responsiveness issue in avatars and user info of blog page, also very large distance between title of blog and description

Describe the bug

There is responsiveness issue for the profile picture of authors as well as date and name for some of the blogs, as we decrease width they go out of their place until we reach mobile devices width in which everything is properly aligned.

The second issue is that there is large gap between title and description of the blog I don't know if it was meant to be so but I think the gap is very large.

Steps To Reproduce

1.go to https://json-schema.org/blog
2. decrease the view width, through inspect the user profile picture as well as other information will start getting out their place

Expected Behavior

the block should properly align to its place as we change width from large devices to small devices and there should be smaller gap between title and description of blog

Screenshots

Device Information [optional]

- OS: windows 10
- Browser: Google Chrome
- version: 138.0.7204.97

Are you working on this issue?

Yes

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

No

Start at https://json-schema.org/blog and reproduce the layout at decreasing widths in Chrome, checking the author avatar, date, name, title, and description spacing. Trace the blog page styles and verify that the author information stays aligned across responsive widths and that the title-to-description gap is reduced without breaking the mobile layout.