UI: Blog cards become small width for mobile, no constant height and Link in Image

[mayurjadhav2002]

Description

The blog card Section in https://smp-spec.io/blog/ becomes small widthwise, which looks bad on mobile screens.

Also, in order to read the content of the blog, the link is given in the Image section (Not to that whole card), on a small screen these images also become smaller so hard to find the "read more" link.

There is no constant height to cards on the desktop view.

Expected Behavior

1. The width of blog cards (Including Images) on the mobile screen view should be good enough to look UI more appealing.
2. The height of blog cards on Desktop, as well as mobile screens, should be constant or fixed or the same sized so that all the cards will look familiar and responsive.
3. able to read a blog by clicking anywhere on the card (current UI has a link in its image/thumbnail). On a small screen, it is hard to find the link.
4. Text Overflow in blog cards as given in this issue

.

Screenshots

---

Contributor Resources

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• See Meshery site designs in this Figma designfile. Fill-in the Layer5 Community Member Form and join the Layer5 Community Slack for access.

[sahilyeole]

Hey, Can I work on it?

[sahilyeole]

Hey, Can I work on it?

@leecalcote

[mayurjadhav2002]

Hey hii @sahilyeole, I appreciate your engagement and efforts to work on this issue. I wanted to solve this issue so I started working on this. But I am not officially assigned. So, it would be good if you too start working and come up with an efficient solution.

[leecalcote]

Thank you, @mayurjadhav2002 and @sahilyeole. // @asubedy

[sahilyeole]

Hey hii @sahilyeole, I appreciate your engagement and efforts to work on this issue. I wanted to solve this issue so I started working on this. But I am not officially assigned. So, it would be good if you too start working and come up with an efficient solution.

Yeah, no problem. Please proceed :)

[mayurjadhav2002]

Hii, @leecalcote fixed this issue and send PR.

[leecalcote]

@asubedy

yay, @mayurjadhav2002 🎈