The current Android Apps of FOSSASIA section displays app screenshots in large standalone images, resulting in:

• visually cluttered layout
• inconsistent spacing
• extremely tall screenshots
• lack of alignment with FOSSASIA design language
• overflow issues on different screen sizes
• inefficient use of horizontal space

To improve the UI/UX and responsiveness, I redesigned the entire section using a clean, modern card-based layout.

What I improved
✔ Implemented fully responsive card layout
Each app is now displayed inside a structured card containing:

• app icon
• app name
• full screenshot
• 1-line description
• Google Play, F-Droid & GitHub buttons

✔ Screenshots now scale properly on zoom
No more fixed heights → images resize reliably on zoom in/out and across screen sizes.

✔ Improved readability and UI consistency
Cards now match the clean design found elsewhere on the FOSSASIA website.

✔ Added hover effects + soft shadows for modern look
Enhances interactivity and visual clarity.

Why this is needed:
This redesign dramatically boosts:

• visual clarity
• mobile responsiveness
• accessibility
• alignment with FOSSASIA’s brand
• maintainability of the section

It creates a polished, professional and user-friendly experience for visitors discovering FOSSASIA’s mobile apps.

before:

after:

I would like to submit a PR for this improvement

Please let me know if:

• any design tweaks are preferred,
• spacing or margins should be adjusted,
• more apps should be included,
• description text needs refinement.

Thank you!
cc: @mariobehling @Ubayed-Bin-Sufian @marcoag @fossasia @sudheesh001