🐛 Bug: Standardize the container style on the mobile device

[jagpreetrahi]

Describe the bug

When accessing the Use Cases page on a mobile device without enabling the desktop site view, users may encounter inconsistent container styles and difficulty viewing the content within these containers. This issue stems from the current implementation of the page's layout, which may not be fully optimized for mobile responsiveness.

Steps To Reproduce

Go to Use Case on mobile device.
Check there the content inside container not able to see properly due to container size overlap

Expected Behavior

Responsive Containers: Containers should adjust their dimensions based on the screen size, ensuring content is neither truncated nor misaligned.

Readable Content: Text and images within containers should scale appropriately, maintaining readability and visual appeal without requiring users to zoom or scroll excessively.

Screenshots

With desktop Site on mobile

Without desktop site on mobile

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

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

Yes

[jagpreetrahi]

Hey @benjagm , I hope you are doing well , could you please assign me this issue, so that I can make a PR request for that

[idanidan29]

Hey @jagpreetrahi, there's already an issue and a PR for this. You can check it out here.

[jagpreetrahi]

Hey @idanidan29, yeah, I noticed that issue too when I did a cross-check. Since we’re facing a similar problem, how about we collaborate to resolve it together?

Looking forward to your response

[idanidan29]

@jagpreetrahi There is already a PR solving this problem. I'd be happy to collaborate with you on further issues if needed.

[jagpreetrahi]

Alright

[DhairyaMajmudar]

Closing as duplicate of #1445