Fix: landing page responsiveness

[Srinu346]

What has changed?

The Products section on the landing page has been updated to ensure full responsiveness across different screen sizes .

-Fixed layout issues where product cards were overflowing or misaligned on smaller screens.

-Improved spacing, alignment, and scaling of elements for better user experience.

-Applied responsive design best practices (flex/grid adjustments, media queries, etc.).

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue).

How Has This Been Tested?

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.

[Achanandhi-M]

Hey @Srinu346 , could you clarify the exact issue? Right now, everything is responsive, but changing the product section causes the installation section above to misalign, so both sections won’t stay aligned correctly.

[Srinu346]

Hey @Achanandhi-M the actuals issue was the product section wasnt responsive at all it was getting hidden , meanwhile the above [Get started] section is responsive .

Current Behaviour

[Achanandhi-M]

Hey @Srinu346 I think we don't need to change the products section, please make it in the left align like other sections, also please share the video and see how it is looking in other mobiles. Also please fix the DCO issue

[Srinu346]

Before Changes

iPhone-13-PRO-keploy.io-p8b75rh2age1kc.webm

After Changes

iPhone-X-localhost-ybk81yy176sbzg.webm

iPhone-13-PRO-localhost-wrwdxp9iq3swwh.webm

Samsung-Galaxy-S20-localhost-7yn6m_vfxx0s13.webm

Product Section

[Srinu346]

@Achanandhi-M sir, waiting for your review. Thank you.

[Achanandhi-M]

Hey @Srinu346 still the products section seems like in the center for the desktop version, please don't change that section, it needs to be in the left aligned, please also fix the lint and prettify issues

[Srinu346]

@Achanandhi-M raised a new pr #709 please go through that, I bymistakely deleted the branch.