Responsive web-design Hierarchy of information
# July 4, 2013 at 2:30 pm
This is my first post, I am currently working on a responsive website design and wanted to know if what I was trying to achieve was possible before I move to the coding stage.
I want to create a hierarchy within the responsive website design where things don’t simply fall underneath each other. I have drawn two very simple diagrams of what I am looking to achieve. Does anyone know if this is possible to get this effect? And if so, what I would need to implement into my code other then float left and right for the opposing sides.
Thank you in advance,
Justin# July 4, 2013 at 3:15 pm
See ‘FlexBox”.# July 5, 2013 at 10:39 am
If you’re still interested I’ve re-jigged this and it seems to work now. I placed the green and pink blocks in a wrapper and floated that (and cleared right) instead. Have a look, try reducing the amount of text and it should still keep the layout. Fiddly though. Any thoughts?
Diagram 1: http://codepen.io/waylaid/pen/hGtFE
Diagram 2: http://codepen.io/waylaid/pen/IzuAt
You must be logged in to reply to this topic.