[Resolved] Difficulty responsively resizing a video within blog posts

[Michael]

Hi guys,

I hope you are well. For reason I can’t see, youtube embeds in my blog posts are not sizing responsively on mobile. For example:

https://reclaimdesign.org/diy-trellis-ideas

I spoke to the developer of the youtube lazy load plugin that I’m using, and he said it takes the width from the parent node, but as far as I can see the parent node is:

<table class="text">

Which has a width of 100% set in the CSS:

table.text {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

Please can you help me identify what I am missing? Thanks very much for your assistance.

Michael.

[David]

Hi there,

Try adding the Video Embed outside of the Table HTML.

[Michael]

You’re absolutely right David – it displays responsively outside the table. Bizarre. Thank you very much.

[David]

HTML Tables are just not responsive without a lot of extra code.
Best to avoid them wherever possible.

Glad to be of help

[Author]

Posts