Всем привет!
Странная магия получается. Использую css таблицу:
https://jsfiddle.net/tvnv3e18/.
На компьютере на всех размерах (проверял в firefox, chrome 320-1920) у ячеек нету вертикального бордера. И всё верно, его там и не должно быть поскольку он вообще не задан в стилях.
.tabs__table .cell {
display: table-cell;
height: 71px;
color: #fff;
text-align: center;
vertical-align: middle;
border-bottom: 1px solid #BABABA;
border-left: none!important;
border-top: none!important;
border-right: none!important;
padding: 0 5px;
background: #469131;
font-family: 'ikea', 'roboto';
transition: .6s;
font-size: 1.2vw;
font-weight: 400;
}
Но! Именно на мобильных устройствах (проверял и на андроиде и на айфоне) есть вертикальный бордер:
Быть может я не задаю, какое-то важное свойство, которое решает эту проблему или это просто магия вуду и с ней надо смирится? Первый раз вижу, чтобы такое было.