Search code examples
htmlcss-tablesgrid-layout

Adaptive grid of <div>

I want to make a webpage where there are, like, table 25-50 divs, and amount of divs in one row depends on html window size (e.g. 6 100px divs in a row for screen width of 640px, and 10 divs in a row for 1024px) How to implement it?

Solution

  • You can achieve this only with CSS using the float propety like this :

    div{
    float:left;
}

    See this FIDDLE as an example.