CSS help with 3 elements (mobile)

Community Forums Forums Design Tips and Tricks CSS help with 3 elements (mobile)

This topic is: resolved

This topic contains 1 reply, has 1 voice, and was last updated by  mikemueller 1 year, 1 month ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #66848

    mikemueller
    Participant
    Post count: 47

    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?

    #67179

    mikemueller
    Participant
    Post count: 47

    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>
    <div style=”float: left; width: 300px;”>
    texty text text.
    </div>
    <div style=”float: left; width: 270px;”>
    <iframe style=”background: transparent;” src=”http://yadda.com” scrolling=’no’ height=”228″ width=”257″ align=”right”></iframe>
    </div>
    <br style=”clear: left;” />

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.