.listt {
font-size: 0;
white-space: nowrap;
width: 100%;
overflow-x: scroll;
}
Потому, что у вас width: 100%; и зависит от ширины родителя. Используйте значения в px. Также это значения можно пересчитывать на js если надо, или просто указать width: 100500px;