Why the grid bootstrap of li gets off on the big screen?

kinopark.kz/ru/movie/soon?page=2

on Pulaski gets off the grid films, KSS looked like nothing prevents
June 14th 19 at 20:39
2 answers
June 14th 19 at 20:41
Solution
Because you little pervert. Why would you wrap a column in a list? Why not just use speakers? In General, the problem is that you have words in blocks is always different number, respectively. some blocks are above, some below. Since you have the element list is inline-elements, then it will just move all the blocks down.

Solution:

1. To make a fixed length of symbols in the description of movies.
2. Use flexbox.
June 14th 19 at 20:43
Solution
such questions here almost every week to write.
this is normal behavior float: left; elements, when the height of the elements is different.
put premiere:
.catalog ul {
 display: flex;
 flex-wrap: wrap;
}

or put clearfix's in the right places if you don't want flex

Find more questions by tags CSS