search

responsively-org / website

Source code that is powering Responsively website, made using Next.js and Tailwind.
https://responsively.app
MIT License
21 stars 39 forks source link

Added "show more/less" button in testimonials section on mobile screens only to improve user experience #58

Closed idealgeek007 closed 1 week ago

idealgeek007 commented 1 week ago

Description

This pull request addresses an issue in the Testimonials component where all tweets are displayed by default, leading to a cluttered and challenging user experience, especially on mobile devices. Users had to scroll excessively to view the content.

Changes Made

Limited the initial number of displayed tweets to 8. Added a "Show More" button for users to expand and view additional tweets. Implemented a "Show Less" button to collapse the list back to the initial view.

Benefits

These enhancements improve usability by providing a cleaner interface, allowing users to engage with content more comfortably on smaller screens.

Related Issue

This PR addresses the issue reported in [#57 ] (https://github.com/responsively-org/website/issues/57).

Demo

https://github.com/user-attachments/assets/ea885ac8-6b00-4f60-995c-4ef9babb9cc1

Request for Review

I would appreciate it if you could review the changes and let me know if there are any improvements or adjustments needed.

Thank you for considering this enhancement!

vercel[bot] commented 1 week ago

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

Name Status Preview Comments Updated (UTC)
responsively-app-website ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 13, 2024 4:23am
CLAassistant commented 1 week ago

CLA assistant check
All committers have signed the CLA.

violetadev commented 1 week ago

@idealgeek007 wonderful contribution, I left you some comments, let me know if you have questions. Thanks!!