בעיה ברסטונסיביות

שלום, אני מנסה שאזורים שאני יוצר יופיעו לי במובייל בצורה נכונה ויפה שלא יהיה אחד מתחת לשני (כמו במובייל) אלה אחד ליד השני בשורות של שתיים
עכשיו הקוד הוא:
@media only screen and (max-width: 767px)
.column-1, .column-10, .column-11, .column-12, .column-2, .column-2-5, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9 {
float: none;
padding-left: 0;
padding-right: 0;
width: 100%;
}
שמוצג בדף אם נוריד את ה width בכלל נקבל את התוצאה עכשיו אני מכניס את זה בצורה הנכונה (בלי הwidth או שאני עושה בכוונה שגיאה בתגית הזאת ואז אינפורטנט ועדיין לא עובד) אשמח לעזרה
תודה רבה