مشکل مربوط به اشتباه اجرا شدن row‌های گرید رو حل کردم متوجه شدم که در شماره گذاری ستونهارو در مدیا کوئری‌ها اشتباه کرده بودم، اون خطارو اوکی کردم اما مشکل کار نکردنِ اتریبیوت سلکتور هنوز سرجاشه و با ^ کار نمیکنه و فقط با استریکس اوکیه

سلام،مشکلی در اجرا ندیدم، اگر میخواهید رنگ آبی از طرفین حذف بشه، padding در قسمت container رو 0 بذارید:

.container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

نمونه لینک