How do you make Data-width 100%?

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

How do you make Data-width 100%?

Post by simonmlewis »

Code: Select all

<div class=\"fb-like-box\" data-href=\"https://www.facebook.com/website\" data-width=\"307\" data-height=\"398\" data-colorscheme=\"light\" data-show-faces=\"false\" data-header=\"false\" data-stream=\"true\" data-show-border=\"false\"></div>
We use this code to show the feeds from Facebook pages. Trouble is, this width is set for desktop, but we want it to "stretch" for mobile.

data-width=\"100%\" doesn't work. And I have tried removing it, and using style='width: 100%' but that fails too.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
Post Reply