Fix mobile responsiveness for flow section

[saumya-30-verma]

What does this PR do?

This PR fixes the mobile responsiveness of the "How It Works" flow section by:

• Allowing .flex-row to wrap on smaller screens.
• Adding spacing between wrapped items using gap.
• Preventing text overflow in .flow-node by enabling text wrapping and flexible shrinking.

Type of change

• Bug fix
• New feature / tool
• Documentation update
• Refactor

How to test it

1. Open the project in a browser.
2. Resize the viewport or use Chrome DevTools mobile mode.
3. Navigate to the "How It Works" flow section.
4. Verify that the flow items wrap correctly and no text overflows on smaller screens.
5. Confirm that the desktop layout remains unchanged.

Related issues

Closes #41

[vercel]

@saumya-30-verma is attempting to deploy a commit to the houssemeddinechaouch's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

👋 Thanks for opening this PR @saumya-30-verma!

Before we review, please make sure:

• PR description follows the repo template
• Your branch is up to date with main
• You were assigned to the related issue before opening this PR

A maintainer will review it soon. 🙌

[HoussemEddineChaouch]

hey @saumya-30-verma your PR description don't follow the PR template please fix it !

[saumya-30-verma]

Thanks for the feedback! I've updated the PR description to follow the repository's PR template. Please let me know if any further changes are needed.