Yan yana getirmek gerekse floatI left verebilirsin. ve onları kapsayan classa da aşağıdakı örneği uygulayabilirsin.

.item-container {
clear: both;
}
.item-container::before,
.item-container::after {
    content: '';
    display: table;
    clear: both;
}
.item {
    float: left;
    width: 30%;
}

ve bu itemlerin mobile de duyarlı olmasını istiyorsan css de @media kullanabilirsin.

@media (max-width: 768px){
    .item {
    width: 100%; // ya da ne istersen
    }
}

media kodları genelde css in en altına yazılır. Bu şekilde yazarak ekran genişliği 768px ye kadar olan cihazlarda itemlere bu tasarımı uygula diyebilirsin.