I have a home page that is full width that I want to place three elements on on the same row.
Two of the elements are iframed objects and the third is text. The text is in the middle.
The first iframe is 350px wide, the text is just a paragraph, and the 3rd iframe is 260px wide.
I'm using Minimum Pro (mobile responsive) and when we go to the smaller screen I would like to have these three stacked vertically - as I know they won't fit horizontal.
How do I do that?
Solved it myself...
` <div style="float: left; width: 360px;">
<iframe style="background: transparent;" src='http://yadda.com' frameborder='0' scrolling='no' height="450" width="350" align="left"></iframe>
<div style="float: left; width: 300px;">
texty text text.
<div style="float: left; width: 270px;">
<iframe style="background: transparent;" src="http://yadda.com" scrolling='no' height="228" width="257" align="right"></iframe>
<br style="clear: left;" />
The topic ‘CSS help with 3 elements (mobile)’ is closed to new replies.
Subscribe to get early access to new themes, discounts and brief updates about what's new with StudioPress!