Bug Description
The main video grid, which displays thumbnails for videos is not visible on mobile devices. The layout is not responsive, and the entire video content section seems to disappear when the screen size is small.
Steps to Reproduce
- Go to the "MeTube" homepage (where the categories "All," "Sports," "Entertainment," etc., are shown).
- Observe the page on a desktop browser.
- You will see the video grid the videos are not fully visible.
Expected Behavior
The grid of video thumbnails should be visible completly and on bigger sizes screen they should be scrollable.
Screenshots
Environment
Browser: Chrome
Device: Mobile :Thinkbook
OS: Windows
Additional Context
This bug seems to be related to a CSS media query that is incorrectly hiding the video container (e.g., using display: none;) on smaller screens. This makes the core functionality of the site unusable for mobile users.
Possible Solution
need to inspect the CSS for the video grid container. There is likely a rule within a media query (e.g., @media (max-width: 768px)) that is hiding this section.
Bug Description
The main video grid, which displays thumbnails for videos is not visible on mobile devices. The layout is not responsive, and the entire video content section seems to disappear when the screen size is small.
Steps to Reproduce
Expected Behavior
The grid of video thumbnails should be visible completly and on bigger sizes screen they should be scrollable.
Screenshots
Environment
Browser: Chrome
Device: Mobile :Thinkbook
OS: Windows
Additional Context
This bug seems to be related to a CSS media query that is incorrectly hiding the video container (e.g., using display: none;) on smaller screens. This makes the core functionality of the site unusable for mobile users.
Possible Solution
need to inspect the CSS for the video grid container. There is likely a rule within a media query (e.g., @media (max-width: 768px)) that is hiding this section.