Dave Harrison Posted March 3, 2018 Share Posted March 3, 2018 (edited) Hello all and anyone who can help. I'm wondering if there is a way to float an image left or right of some text (so that the text wraps around) to display on large/medium screens while having that image display BELOW the text on small screens. Currently I have it working by hiding sections with different layouts (responsive columns for small screen, no columns for large/medium), but that would require me (or my client) to have to update the same text twice whenever there are changes. On large/medium screens the image would occupy 40 percent of the width, but on small screens (phones) I would want that image to slide under the text at 100 percent width. Make sense? New at responsive, but picking it up. Thanks! Dave Edited March 3, 2018 by Dave Harrison Link to comment Share on other sites More sharing options...
dsonesuk Posted March 3, 2018 Share Posted March 3, 2018 (edited) Flex with column-reverse might be your answer, but i don't know if it is supported in all mobile devices browsers yet! https://www.w3schools.com/code/tryit.asp?filename=FOZQBA1ES6Q3 Edited March 3, 2018 by dsonesuk Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now