Help implement custom behavior [Solved]

N

NemeZZiZZ2012-03-28 08:09:32

css

NemeZZiZZ, 2012-03-28 08:09:32

Hello.

It is necessary to implement a slightly non-standard block behavior - without the use of javascript and media-query.
The idea is that blocks at low screen resolution are located one under the other and their content is centered, but when the screen width allows, the blocks line up one after the other, for example, 50% of the width.

I have already beaten a lot of options, it turns out to be adequately done only with the help of media-query.

Does anyone have any ideas?

Reply

Answer the question

In order to leave comments, you need to log in

3 answer(s)

H

hom9k, 2012-03-28
@NemeZZiZZ

jsfiddle.net/HwD3R/
Most likely there will be problems in IE6-IE7 - unfortunately, there is no way to check

A

Antelle, 2012-03-28
@Antelle

right ?

C

Chii, 2012-03-28
@Chii

Layout with divs, specify the width of the blocks and the float, everything will be as it should.
For example, if you do:

Then if the width of the container in which they lie is less than six hundred pixels, they will line up next-to-other
. And if more, then in two columns.
That is my idea.