🐞[Bug]: Author Profile UI Overlap and Messed-Up Structure on Blog/Author Page

[Savvythelegend]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

🔗 URL Where Issue Occurs

Blog Post Page (https://www.recodehive.com/blog/authors/sanjay-kv)
or This Authors https://www.recodehive.com/blog/authors

📝 Description

The custom-built author profile section that appears above the article title is suffering from severe CSS and structural alignment errors. Elements within this block—specifically the profile image, the large name text, and the subsequent biography—are overlapping each other.

This issue negatively impacts readability and gives the page an unfinished appearance. The problem is consistent across all author pages and relevant blog posts.

Expected behavior

1. The profile image (avatar) and its border should be contained in its own space and not overlap the author's name or bio text.

2. The large author name text and profile should be clearly visible and not hidden or cut off by the profile image border.

3. All subsequent information (bio, social links, titles) should flow naturally without vertical or horizontal collision.

4. The social media icons/links should be visible and correctly positioned.

Add ScreenShots

What browsers are you seeing the problem on?

Chrome

Record

• I have read the Contributing Guidelines
• Are you a GSSOC'25 contributor
• I want to work on this issue

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[sanjay-kv]

@Savvythelegend hi before raising PR i would suggest wait for the assignment because this need some information which you basically not aware of.

refer this: #530

[github-actions]

✅ This issue has been closed. Thank you for your contribution!

[github-actions]

👤 Issue assigned to @Savvythelegend.