ENHANCEMENT: Card Image Covers Large Screen Area on Small Devices

[dipexplorer]

Is there an existing issue raised for this?

• [X] I have searched the existing issues

Describe the improvement

The recipe card image currently takes up too much space on small screen devices, making the layout appear unbalanced and cluttered.

Uploading 23.10.2024_20.59.39_REC.mp4…

Component

On smaller screen sizes (e.g., mobile devices), the image should resize appropriately to fit the screen, maintaining a balanced layout with the profile details.

It should be implemented because

image should resize appropriately to fit the screen, maintaining a balanced layout with the profile details.

Would you like to work on this issue?

None

Terms & Conditions

• [X] I agree to follow the Code of Conduct
• [X] I'm a GSSOC'24 Ext contributor

[github-actions[bot]]

👋 Thank you @dipexplorer for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

[AlfiyaSiddique]

@dipexplorer can you add the part of website where this is the case

[Manashgoswamii]

can you assign it to me?

[dipexplorer]

@dipexplorer can you add the part of website where this is the case

The cards having the image under this routes /recipes /mainmeals /smallbites /healthy

[AlfiyaSiddique]

Please share the screenshots @dipexplorer

[dipexplorer]

Reference

https://github.com/user-attachments/assets/83b48a1b-c57b-4c1d-8995-09251f6cb798

[AlfiyaSiddique]

@dipexplorer go ahead

[dipexplorer]

when did you label it

[AlfiyaSiddique]

when did you label it

@dipexplorer labels are assigned on PRs