# Make lazyYT plugin responsive easily

**URL:** <https://meta.discourse.org/t/make-lazyyt-plugin-responsive-easily/24143>\
**Category:** Feature\
**Created:** [18 Enero, 2015 07:16 UTC](https://meta.discourse.org/t/make-lazyyt-plugin-responsive-easily/24143 "2015-01-18T07:16:07Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![chapel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapel/32/122414_2.png) [@chapel](https://meta.discourse.org/u/chapel)\
**Post date:** [18 Enero, 2015 09:02 UTC](https://meta.discourse.org/t/make-lazyyt-plugin-responsive-easily/24143/3 "2015-01-18T09:02:03Z")

</div>

It doesn’t change anything dynamically, as the style is always applied and overrides whatever is set by default from lazyYT.

When I say it is responsive, is that it uses the full width of the post div.

Keep in mind that the above CSS is essentially the same CSS that is added by lazyYT when you set the aspect ratio to 16:9.

[https://github.com/discourse/discourse/blob/master/plugins/lazyYT/assets/javascripts/lazyYT.js#L18-L29](https://github.com/discourse/discourse/blob/master/plugins/lazyYT/assets/javascripts/lazyYT.js#L18-L29)

It uses `padding-top` instead of bottom though.

---

_[View the full topic](https://meta.discourse.org/t/make-lazyyt-plugin-responsive-easily/24143)._