Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make Video Iframe Responsive for Larger Devices #14

Open
akash933 opened this issue Oct 27, 2024 · 0 comments · May be fixed by #15
Open

Make Video Iframe Responsive for Larger Devices #14

akash933 opened this issue Oct 27, 2024 · 0 comments · May be fixed by #15
Assignees
Labels
enhancement New feature or request good first issue Good for newcomers hacktoberfest hacktoberfest

Comments

@akash933
Copy link
Member

Currently, the video iframe on the page does not scale effectively on larger devices, resulting in a smaller display size. To enhance the user experience, we should implement specific media query styles to ensure that the iframe is more responsive and utilizes available screen space better.

Proposed Changes:

  1. Add CSS media queries to adjust the iframe size for larger devices.
  2. Ensure that the video maintains its aspect ratio while resizing.
  3. Test across various screen sizes to confirm responsiveness.

This adjustment will improve the overall presentation of videos on the site, making them more visually appealing and easier to view on larger displays.

@akash933 akash933 added enhancement New feature or request good first issue Good for newcomers hacktoberfest hacktoberfest labels Oct 27, 2024
@akash933 akash933 self-assigned this Oct 27, 2024
@akash933 akash933 linked a pull request Oct 27, 2024 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers hacktoberfest hacktoberfest
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant