How would I layer this columns?

**partian** · 04-09-2016, 04:28 AM

Hello guys,
I am having a bit of an issue here.

I am trying to make it so I have a HTML 5 video on the left hand side of the page and then some text on the right,
it's hard to explain so I have drew it on Paint (excuse the Bob Ross Paintings)

This is what I am trying to do, however no luck.

I am also trying to make it sort of responsive so on a mobile device it will look like this

I am willing to answer any questions if it's confusing me just trying to explain it,
thank you for reading.

**Synaptic** · 04-09-2016, 05:10 AM

What have you tried so far?

**partian** · 04-09-2016, 05:21 AM

Originally Posted by Synaptic

What have you tried so far?

I've tried a wrapper with 100% width and did two seperate divs with one being 30% width and the other being 70% width, floating them both to the left that looked fine however on the mobile device,
I did both divs as 100% width however the wrapper was extending to the entire webpage, so if I did the background red, the entire page was red, even though I did a set height of 500px

**onlinephotosale** · 04-09-2016, 08:22 AM

You can use bootstrap coding to do this. this is the best way to make your web site responsive.

**partian** · 04-09-2016, 09:18 AM

Originally Posted by onlinephotosale

You can use bootstrap coding to do this. this is the best way to make your web site responsive.

The rest of my website is already responsive via media queries that I felt comfortable with, also, my mindset is, if it's not broke, don't fix it.
Obviously I'll have to do a transition into bootstrap sooner than later but atm, I'm fine.

**partian** · 04-11-2016, 02:22 AM

Bumping for it be answered.

Thread: How would I layer this columns?

Thread Tools

Rate This Thread

How would I layer this columns?

Tags for this Thread

Posting Permissions