В общем с сетками раньше не работал, но сейчас столкнулся.
Делаю адаптивный сайт, и суть в том, что на одном разрешении у таблички 3 ячейки, а при более маленьком разрежении 2.
Суть вопроса, как через
@media screen and (max-width: 600px) {
}
Сделать так, что бы при разрешении меньше 600 px табличка перестраивалась с 3 колонок в 2.
Структура кода такая.
jsfiddle.net/haaLwm4L/1 
