С момента появления футбола придумывались различные тактики, схемы и амплуа для футболистов. Одним из подобных нововведений стала позиция “box-to-box”(b2b, б2б), в переводе означающая “от штрафной до штрафной). Бокс-ту-бокс - это полузащитник, который участвует и в атаке, и в защите. Часто эти игроки делают «грязную» работу, которая незаметна обычному зрителю, однако является чуть ли не ключевой. Для игрока такого плана...

Элементы в CSS представляют собой набор слоёв: ширина и высота самого элемента (width и height), поля элемента (padding), граница элемента (border) и отступы (margin). Подробнее о блочной модели стоит почитать здесь. Долгое время в CSS изменение padding приводило к изменению width у элементов, из-за чего два одинаковых по ширине элемента с разными по ширине полями, в реальности имели разную ширину. Пример ниже демонстрирует этот недуг: https://codepen.io/artik-man/pen/KKPMpdm На помощь в борьбе с этим нелогичным, казалось бы, поведением пришел box-sizing...