Responsive design space over and under the texts
Hello,
if i display my website on desktop the texts are beside the images. That this looks good i have to position the texts to the equal high, that the middle of the images have (I do this with a top margin). But if i display my website on a smarthone now, the images are below or above the Images and the margin is still there.
My Questions are:
How can i delete the margin if the text an the image ar not next to each oder?
Can i reposition the texts, from above the image to under the image if i display the website on a smartphone?
Comments
please send us link to page that concerns your questions and also please show us on screenshots how it looks like on your end.
Basically, all you need to do is wrap above css into @media rules for screens larger than 1240px. All @media rules you can find under responsive.css file but for more details about how it works, please visit http://www.w3schools.com/cssref/css3_pr_mediaquery.asp