Зачем ставить рамку первому feature-item, может просто замерили ширину не так и нужно на 1 пиксель меньше сделать ее?
Ширину рассчитали правильно. Перечитайте внимательное теорию - там есть поясняющая иллюстрация.
Я понимаю о чем Вы, но тогда скорее больше на 1px и не ширину содержимого, а левое внутреннее поле.
При заданном для всех трех элементов css-правиле:
.feature-item {
float: left;
width: 279px;
padding-top: 90px;
padding-right: 30px;
padding-left: 30px;
text-align: center;
border-left: 1px solid #d9d9d9;
}
Ваш вариант будет выглядеть так:
.feature-item:first-child {
border-left: none;
padding-left: 31px;
}
А так выглядит вариант разработчиков курса:
.feature-item:first-child {
border-left: transparent;
}
Кода меньше, решение проще и элегантней.
1 лайк