🐛 Bug: Standardize Blog Image Sizes

[idanidan29]

Describe the bug

The images in blog posts are of varying sizes, causing an inconsistent layout across different pages. Additionally, the blog descriptions are different lengths, which leads to an uneven appearance.

Steps To Reproduce

1. Go to the blog page.
2. Observe the images of different sizes.
3. Scroll down to see inconsistent blog descriptions.

Expected Behavior

All images should be the same size, and the blog descriptions should be shortened to a consistent length for a cleaner, more uniform design across pages.

Screenshots

the current behavior:

my suggested fix:

Device Information [optional]

- OS: Windows 11
- Browser: Chrome
- Version: 133.0.6943.127

Are you working on this issue?

Yes

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

No

If this issue is approved, I would like to be assigned to it

[r120dhiman]

I would like to work on this issue.
Please assign it to me

[idanidan29]

@r120dhiman

Thank you for your interest in implementing this

Since I posted the issue, I'd like to be assigned to it.

Also, the issue hasn't been approved yet.
I have the solution and waiting for it to get approved.

[jagpreetrahi]

Hey @idanidan29 , what if , we only put the title , image and author there for clear view and remove the description , because whoever want to read that , go that blog and read about the description there , may be?

[idanidan29]

That's a good idea, @jagpreetrahi! It could make it easier for the reader to understand the blog's subject and expose them to more blogs with less confusion.

[Karan-Palan]

Umm, I have a differing opinion of this. Users want the website to be consistent, and almost all blog sites I've used as a user or a customer, they have 1-3 lines of the blog content (medium, dev-to, hashnode etc)
So it'd keep the UX better overall as users are familiar with blogs being shown that way. Let's wait for some of the maintainers to give their word on this

[cbum-dev]

So it'd keep the UX better overall as users are familiar with blogs being shown that way.

Exactly. I'm somewhat familiar with UI/UX, and I believe the blog section should follow the standard design used by most blog sites. Keeping the description is important, as removing it would shorten the blog section and make the overall page look cluttered.

[idanidan29]

Thanks for the feedback, @cbum-dev and @Karan-Palan!

Now that you're mentioning it, the description really has an effect on the user, making them want to keep reading and clicking on the blog.

[r120dhiman]

Hi @idanidan29
What I was thinking is that we can put image, complete title, and first line of description followed by the '....' showing its continuity and after that we can put name of writer. As per mu opinion we should avoid putting date after writers name.

[idanidan29]

Thank you for the feedback, @r120dhiman! I think what you described is very similar to the current design, except for removing the date.

I believe the date is quite necessary for the blog card, as it helps users determine if the information is up-to-date and relevant to the topic.

[r120dhiman]

@idanidan29 then we can also go with entirely new approach for the blog card. Something like when the user hovers on the card the card expands reveling description and writer and other details.

[idanidan29]

@r120dhiman, this could be a good idea, but it's a bit off-topic for this issue. If you'd like, I suggest bringing it up in issue #1330, which is focused on the hover effect

[idanidan29]

@benjagm @DhairyaMajmudar, can you please assign this issue to me, so I can make a PR?

[benjagm]

Thanks sounds great. @idanidan29 please go ahead with the change.