Carousel display only 1 item when width is less than 770px

[IsraelKariti]

Describe the bug when i shrink the window size horizontally the carousel will only show a single item when resolution hits 770px

To Reproduce

1. clone this simple app: https://github.com/IsraelKariti/BookStore.git
2. in the terminal go to the directory where you installed the app
3. run the command: npm install
4. run: npm start
5. the app will open in browser
6. shrink window to less than 770px
7. see the carousel display only 1 element

Expected behavior expected to display the same amount of items

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: windows 11 Pro
• Browser: chrome
• Chrome version: 126.0.6478.128 (Official Build) (64-bit)

Additional context Add any other context about the problem here.