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 the video element responsive along with the img #35

Closed
chris-pearce opened this issue Dec 30, 2018 · 1 comment
Closed

Make the video element responsive along with the img #35

chris-pearce opened this issue Dec 30, 2018 · 1 comment
Assignees
Labels
lib: image-and-multimedia 🎒 Everything related to the lib's "Image and Multimedia" section. new-feature ✨ Use this when you have a new feature request.

Comments

@chris-pearce
Copy link
Owner

/**
* Make all images responsive.
*
* 1. Override the height to 'auto', otherwise images will be stretched when
* setting a width and height attribute on the `<img>` element.
* 2. Set a maximum relative to the parent.
*/
img {
height: auto; /* 1 */
max-width: 100%; /* 2 */
}

@chris-pearce chris-pearce added new-feature ✨ Use this when you have a new feature request. lib: image-and-multimedia 🎒 Everything related to the lib's "Image and Multimedia" section. labels Dec 30, 2018
@chris-pearce chris-pearce self-assigned this Dec 30, 2018
@chris-pearce chris-pearce changed the title Make video element responsive along with the img Make the video element responsive along with the img Dec 30, 2018
@chris-pearce
Copy link
Owner Author

Addressed in #40.

@chris-pearce chris-pearce mentioned this issue Jan 19, 2019
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
lib: image-and-multimedia 🎒 Everything related to the lib's "Image and Multimedia" section. new-feature ✨ Use this when you have a new feature request.
Projects
None yet
Development

No branches or pull requests

1 participant