В задании просят сделать 20px’ый правый margin у блоков контейнера.
Однако получается, что из-за “пустых отступов” - получается сделать идентично рисунку в теории только при 15-16 пиксельном оступе.
Может стоит не вдаваясь в подробности использовать хак font-size:0 для родителя и font-size:16px для блоков? Чтобы не было “попиксельной войны”. Задание-то засчитывается, но все-таки.
Да. хоть и объясняется все в следующем задании, но может стоит в предыдущем вписать этот хак?
И сразу по-поводу “пробела”. Ведь 4пикселя это пробел только в стандартных шрифтах, и то далеко не всех.
Очень наглядно можно понять, когда будут сделаны таблицы inline-block’ами. и будет какой-то бордер (справа\слева).
Про ссылку на css-tricks - Можно решить простой заменой ее на русскую подробнейшую статью с большим количеством решений. Причем она старше статьи на css-tricks)