CSS gap issue in div element
The problem sounds to be related to CSS, try using the following solution: .tg-topcity, .tg-popularcities { width: 100%; display :inline-block; float: left; } or you may also try this instead: .tg-topcity, .tg-popularcities{ display: flex; flex-direction: row; flex-wrap: wrap; }