Material Design Lite. Сетка
Ячейка 33.3333333333%
Ячейка 33.3333333333%
Ячейка 33.3333333333%
Ячейка 2 колонки
Ячейка 8 колонок
Ячейка 2 колонки
6 ячеек в десктопной версии (половина)
2 ячейки в планшетной версии (четверть)
2 ячейки в телефонной версии (половина)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tenetur et quisquam quo, aut obcaecati eveniet! Sunt modi cupiditate commodi veniam, debitis eum alias eligendi iste! Blanditiis animi aspernatur corrupti.
2 ячейки в планшетной версии (четверть)
2 ячейки в телефонной версии (половина)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tenetur et quisquam quo, aut obcaecati eveniet! Sunt modi cupiditate commodi veniam, debitis eum alias eligendi iste! Blanditiis animi aspernatur corrupti.
3 ячейки в десктопной версии (четверть)
4 ячейки в планшетной версии (половина)
2 ячейки в телефонной версии (половина)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tenetur et quisquam quo, aut obcaecati eveniet! Sunt modi cupiditate commodi veniam, debitis eum alias eligendi iste! Blanditiis animi aspernatur corrupti.
4 ячейки в планшетной версии (половина)
2 ячейки в телефонной версии (половина)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tenetur et quisquam quo, aut obcaecati eveniet! Sunt modi cupiditate commodi veniam, debitis eum alias eligendi iste! Blanditiis animi aspernatur corrupti.
3 ячейки в десктопной версии (четверть)
2 ячейки в планшетной версии (четверть)
4 ячейки в телефонной версии (вся ширина)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tenetur et quisquam quo, aut obcaecati eveniet! Sunt modi cupiditate commodi veniam, debitis eum alias eligendi iste! Blanditiis animi aspernatur corrupti.
2 ячейки в планшетной версии (четверть)
4 ячейки в телефонной версии (вся ширина)
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tenetur et quisquam quo, aut obcaecati eveniet! Sunt modi cupiditate commodi veniam, debitis eum alias eligendi iste! Blanditiis animi aspernatur corrupti.
Первая колонка
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tenetur et quisquam quo, aut obcaecati eveniet! Sunt modi cupiditate commodi veniam, debitis eum alias eligendi iste! Blanditiis animi aspernatur corrupti.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem tenetur et quisquam quo, aut obcaecati eveniet! Sunt modi cupiditate commodi veniam, debitis eum alias eligendi iste! Blanditiis animi aspernatur corrupti.
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
6
4
2
6 on desktop, 8 on tablet
4 on desktop, 6 on tablet
2 on desktop, 4 on phone