Fix: responsiveness issue#5693

[AlfiyaSiddique]

Description

This PR fixes #5693

Notes for Reviewers
This PR contains minor style fixes for the mobile size of a section on the blog page.

Signed commits

• Yes, I signed my commits.

Outcome

Recording.2024-07-24.223815.mp4

[l5io]

🚀 Preview for commit 039d787 at: https://66a139ab9b9eab092ebebda6--layer5.netlify.app

[AlfiyaSiddique]

Attached a recording of the outcome, let me know if it looks good or if you have any feedback. Also, let me know about the section Related Blogs if it also needs to be responsive as part of this issue.

[hargunkaur286]

@AlfiyaSiddique This looks good to me! Can you please confirm that when we reach the related blogs section, it does become responsive once we refresh the page(after reaching the desired responsiveness), right?

[hargunkaur286]

@AlfiyaSiddique There's one issue that you can solve as a part of this PR, make sure that "Layer5" starts from the next section, i.e. from below the image and is centered aligned on this page only. Below is a screenshot of the same. Let me know if it makes sense.

[AlfiyaSiddique]

@hargunkaur286 correct the Related Blogs does fit in properly after refreshing the page so no change is needed.
Will make the change for the Layer5 Badges Section and ping you.
Thanks for the feedback.

[l5io]

🚀 Preview for commit 3d9b4ae at: https://66a51a7c975f4c44be977ae2--layer5.netlify.app

[AlfiyaSiddique]

Hey @hargunkaur286!
The fix for the Layer5 Badges section is done. Do let me know if need any other change.

[hargunkaur286]

Thank you for the contribution @AlfiyaSiddique This looks good to me!

[Ashparshp]

@AlfiyaSiddique Thanks for your contribution, let's discuss this on the website's call. Please add this as an agenda item to the meeting minutes.

[vishalvivekm]

we''ll probably don't want to change site-wide css declarations @AlfiyaSiddique , as it may cause undesired behavior on other pages.

[vishalvivekm]

img.badge-modal{
max-width:95%; // prev 625px;
}

It's a bit too big imo.

[vishalvivekm]

Another responsiveness issue:
@AlfiyaSiddique @Ashparshp @hargunkaur286

[hargunkaur286]

@vishalvivekm this issue resolves when we refresh the page, that's why didn't request for it. Is it valid?

[vishalvivekm]

@vishalvivekm this issue resolves when we refresh the page, that's why didn't request for it. Is it valid?

✔️
Thank you, just confirmed this on my 📱

Is it valid?

Quite not.

[l5io]

🚀 Preview for commit 26b2898 at: https://66a6a29cc499827ed3ad4dcd--layer5.netlify.app

[AlfiyaSiddique]

Is it valid?

Quite not.

@vishalvivekm What's quite not valid, can you please describe?
Do you want me to change the image width here?

img.badge-modal{
max-width:95%; // prev 625px;
}

The review comments are quite not clear to me so confirming!

[Ashparshp]

@hargunkaur286 we're good to go with this PR right?

[Ashparshp]

@AlfiyaSiddique Thanks for your contribution, let's discuss this on the website's call. Please add this as an agenda item to the meeting minutes.

[l5io]

🚀 Preview for commit 74d8dfa at: https://66b9f33ca3dcf17da5b486d0--layer5.netlify.app

[Muhammed-Moinuddin]

LGTM !

[Ashparshp]

@AlfiyaSiddique @hargunkaur286, is there anything more to update, or is this good to go?

[AlfiyaSiddique]

@Ashparshp nothing from my side. @hargunkaur286 let me know if any more changes are needed

[Ashparshp]

Thank you @AlfiyaSiddique.

[AlfiyaSiddique]

@vishalvivekm, just a gentle reminder to review this PR when you get a chance so it can proceed further. Thanks!