Amego Amego - 4 months ago 13
CSS Question

What is the simplest way to make a responsive divs grid?

What is the simplest way to make a responsive divs grid?

The divs must contain 4 divs inside:


The pic is huge I'm looking for small divs like it next to eachothers four at least so its 4 divs of the one in the pic.

Answer

Your example shows four divs stacked which is the standard behavior:

<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>

Assuming you want them to display side by side in a grid, here's a simple 4 wide grid: https://jsfiddle.net/qrga5uLe/

I would recommend you check out Bootstrap: http://getbootstrap.com/ It's free, far more flexible than just a simple 4 column grid, and has a bunch of other nice style presets to offer.