First attempt at building a responsive site. Can't get text to flow right.

[macuser0207]

Hello forum peeps!
I am in desperate need of someones help. I’ve created a page and can’t seem to get the text to reposition correctly when device browser drops past 600px. I would like it to fill the width of the window and drop below the previous div. Also some of the text seems to be going behind an image when window is resized.

Here is a link to the working page I’m working on.

http://wswdesign.com/liftone/lithium.html

Here is a link to the css file.

http://wswdesign.com/liftone/fuel.css

Please help!!

[Paulie_D]

Are you using media queries at all?

A minimal demo in Codepen would be much appreciated.

[jordan116]

One simple media query doth not a responsive site make. You may need multiple media queries for a site with that much content.

Additionally, you floated the crap out of nearly every element. I’d suggest implementing flexbox or some grid layout to get what you want.

[Author]

Posts