search

ANSHIKA-26 / WordWise

Blogging website
https://anshika-26.github.io/WordWise/
MIT License
80 stars 336 forks source link

carousel is not aligned properly in responsive mode on category page #1837

Open shivam8112005 opened 3 hours ago

shivam8112005 commented 3 hours ago

**Describe the bug The carousel on the category page appears misaligned when viewed in responsive mode. The content either overflows, shifts, or does not center correctly, making it visually inconsistent on smaller screens.

To Reproduce Steps to reproduce the behavior:

  1. Navigate to the category page containing the carousel.
  2. Resize the browser window to simulate a smaller screen (e.g., below 768px).
  3. Observe that the carousel content appears misaligned or improperly scaled.

Expected behavior Align centrally within its container. Scale properly without overflow or clipping. Adjust the height and width of images or items to fit the viewport in responsive mode

Screenshots Screenshot 2024-11-16 234252

Additional context The category page uses a carousel element, likely relying on Bootstrap or custom CSS. The issue might stem from:

Missing or misapplied responsive classes (col-*, d-flex, align-items-center, etc.). Incorrect width or margin settings in CSS. Image dimensions not being responsive (max-width, height, etc.).

github-actions[bot] commented 3 hours ago

Thanks @shivam8112005 for raising this issue! We'll look into it.We hope you have made sure that a similar issue doesnt exist , if it does, kindly ask to be assigned on that issue