Fixed the image quality in DINE-IN page.

[ApoorvaSunkad]

🚀 Pull Request

Description

Hi,

The image quality of 2 images on the DINE-IN page (see the screenshots) was poor. It did not match other image quality to enhance the overall image quality and the website. I have added 2 new images of a similar type to the previous image in the images folder and then added them to dine-in.html also to fit the aspect ratio of the container I have provided the property "object-fit: cover".

I have also added comments for better understanding.

Kindly merge my Pull Request.

• Fixes To fix the image quality in DINE IN page #701
• Closes To fix the image quality in DINE IN page #701

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented on my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

Screenshot of final output/video

BEFORE

AFTER

Thank you for allowing me to contribute and learn new things. Happy Coding!

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ice-cream-parlour-website	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 20, 2024 2:37pm

[github-actions]

🎉 Thank you @ApoorvaSunkad for your contribution! Your pull request has been submitted successfully. A maintainer will review it as soon as possible. We appreciate your support in making this project better

[DharshiBalasubramaniyam]

Resolve conflicts!

[ApoorvaSunkad]

Hi @DharshiBalasubramaniyam ,

Resolved the conflict occurred. Kindly check once and merge my Pull Request.

Thank you!

[DharshiBalasubramaniyam]

Why you updated the styles.css?

[ApoorvaSunkad]

Hi @DharshiBalasubramaniyam ,

When I was searching for the dine-in.css style page I could not find it, hence I updated it in styles.css by adding a property called object-fit: cover so the images fit the container and their aspect-ratio is also not distorted. Upon checking today, I found the dine-in.css page and will update it, and remove the changes from styles.css. I apologize for my mistake as this is my 1st open-source contribution at GSSOC'24.

Can I update the dine-in.css page with my changes? Could you please let me know?

Thank You!

[ApoorvaSunkad]

Hi @DharshiBalasubramaniyam ,

I removed the style applied in the styles.css page and added it in dine-in.css. Kindly let me know if this is correct.

Thank you!