🐛 Bug: Inconsistent width of container on mobile device

[jagpreetrahi]

Describe the bug

Containers does not show the proper detail due to inconsistent width on mobile device without using desktop site. It's not able to show the image part of it on small device which make improper detail.

Steps To Reproduce

Go to community nav tag on mobile device, if it is possible then also go to desktop parallely.
Compare both devices and look out all containers that does not show the full detail inside of it on small device.

Expected Behavior

Container should be consistent with its width on mobile device so that anyone can get the proper detail about the it.

Screenshots

On desktop

On small device

Device Information [optional]

Small Device - Andriod

Are you working on this issue?

Yes

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

No

[idanidan29]

Hey @jagpreetrahi, thanks for the issue!

I didn’t quite get the problem by "details missing" do you mean the image beside the description? If so, I believe it was intentional to remove the image on mobile since placing it below the card would take up too much space, and keeping it beside the text (like on desktop) might make the layout feel too dense.

Let me know if this was the concern or if I misunderstood!

[jagpreetrahi]

Hey @idanidan29 , yes my concern was related to that image present beside the description.

[jagpreetrahi]

I try this using desktop site on mobile but I got details along with image. If this image intentionally remove from the mobile device then we have to also remove it from desktop site on mobile. Because it create difference when anyone suddenly open this page on desktop site at that time they are able to see the image but as they move to normal then they missed it.
Looking for your clearness
Thanks

[benjagm]

Hi @idanidan29 can we fix this as part of #1464?

[idanidan29]

Sure, ill add it to the plan