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

fix: Make sure videos render properly on smaller screens #215

Merged
merged 1 commit into from
Dec 24, 2020

Conversation

besartberisha
Copy link
Contributor

This PR changes the width of the iframes embedded within the docs to 100% so they will render properly on smaller screens as well.

As I was going through the documentation I noticed that the fixed width of 805px was causing the videos to not render correctly, causing the page layout to break.

Screen Shot 2020-12-23 at 16 21 00

Screen Shot 2020-12-23 at 16 20 09

This will allow the videos to render the full width of the page still, it's not the best solution since the height is a fixed value but to offer a fully responsive video it should probably open a PR to docusaurus repo.

@SvenAlHamad
Copy link
Contributor

This is great - thanks for fixing this @besartberisha!
I did a review of the changes - all looking good. Will merge it.

@SvenAlHamad SvenAlHamad reopened this Dec 24, 2020
@SvenAlHamad SvenAlHamad merged commit be22625 into webiny:master Dec 24, 2020
@besartberisha besartberisha deleted the bugfix/responsive-video branch December 24, 2020 09:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants