On Tue, Apr 28, 2015 at 8:49 PM, John Johnson <[email protected]> wrote:
> At the link below, I’m showing arrangements of image “tiles” for desktop and
> for mobile..I have classes for the first two and the 3rd on desktop, so that
> they space out evenly, horizontally.
>
> When it gets to mobile, I’d like them to float left/right in two columns.
> Short of assigning separate classes for each column, I can’t think of a way
> to control them the way I want to with media queries..
>
> any ideas?
>
> Thank you!
>
> John
>
Not sure what your browser support needs are, but:
img:nth-of-type(odd){margin-right: 5%; float: left;}
may be of some help.
Also, the polyfill at selectivizr.com can get you more browser support.
Hope this helps.
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
