Updated UI fixed layout of Blogs and Engage Components

[mayurjadhav2002]

Description

This PR fixes issue #392, the website UI now has fixed height and width for blog components as well as for the resources cards (Engage Component).

Updated UI

Before Updating

Notes for Reviewers

Signed commits

• Yes, I signed my commits.

[netlify]

✅ Deploy Preview for smp-spec ready!

Name	Link
🔨 Latest commit	d916953
🔍 Latest deploy log	https://app.netlify.com/sites/smp-spec/deploys/64e0b5f520eb6200088f4d9f
😎 Deploy Preview	https://deploy-preview-395--smp-spec.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[asubedy]

Great work on the uniformity of cards @mayurjadhav2002, One small change, the hover effect on the post cards instead of the content being scaled up let's make the entire card pop up similar to Resources cards.

[mayurjadhav2002]

Hey Hii, @asubedy I just completed the changes you mentioned. I wanted to ask you, should I remove that green eye on blog cards that can be seen on hover? because we are scaling the card itself.

[sudhanshutech]

Let's discuss it on the websites call.
Please add this as an agenda item in the meeting minutes, if you would :)

https://docs.google.com/document/d/1XczAHXVe2FIWPqiF57ospJ43zw5cZQ7ui8mn39v5EvA/edit#heading=h.lohhtewfwima

[mayurjadhav2002]

Let's discuss it on the websites call. Please add this as an agenda item in the meeting minutes, if you would :)

https://docs.google.com/document/d/1XczAHXVe2FIWPqiF57ospJ43zw5cZQ7ui8mn39v5EvA/edit#heading=h.lohhtewfwima

@sudhanshutech tried to open the link, but getting "Access Denied".

[asubedy]

@mayurjadhav2002 looks great one small problem

Screen.Recording.2023-08-14.at.19.48.43.mov

In this recording you can see the text getting wrapped up onto next line while hovering. This doesn't look good. I guess only having the card popup on hover is good without the text getting wrap onto next line.

[mayurjadhav2002]

@asubedy Hey, thanks for the review, I've applied the changes. also, I want to mention that I have found a new issue on the dashboard page the performance profile table which shows results is not responsive. take a look at the below screenshots.
On Desktop

On Mobile or Small screen devices

On mobile, it is just showing the profile and endpoints. It is not horizontally scrollable to see other information.
What's your view on this?
Can I work on this issue?
if yes then please let me know whether I should need to create a new issue or just solve it in this pr. I guess opening a new issue thread would be more convenient for other users. but please let me know your pov.

Thanks and Regards!

[asubedy]

@mayurjadhav2002 The same text wrapping effect can be seen in the engage cards too, could you change that too.

[asubedy]

@mayurjadhav2002 regarding the dashboard change .YES! that needs a fix you can go ahead and make issue for this and I will assign it to you.

[mayurjadhav2002]

@asubedy I have removed the text wrapping effect from engage cards. please let me know if there are any more changes required. in the meantime, I will open a new issue regarding the dashboard page.

[asubedy]

LGTM. Thank you @mayurjadhav2002 🚀