Css “我的媒体查询”命令没有'；我做不到这项工作

我有一种流动和响应的布局-两个分区：。左和。右

我应该如何编写@media query命令，以便在.container的宽度不超过800 px之前，我的.left和.right始终保持400 px的宽度，当container的宽度从800 px变大时，我的.left和.right也会变宽

此命令不起作用：

@media only screen and (max-width: 800px) 


.container .row .columns.eight  {
  width: 400px;
}

---

我还希望我的

.right

div在缩小屏幕时不要掉到

.left

下面

媒体查询不工作，因为您没有将媒体查询括在大括号中

@media only screen and (max-width: 800px) 
 { /*<- missing from your code */
      .container .row .columns.eight  {
       width: 400px;
       }
 }/*<- missing from your code */

---

将答案标记为“已接受”将结束问题，因此，如果符合您的目的，请这样做……或者您有任何疑问……只需发表评论！！：）很高兴我能帮忙！！：）

.cont {
    white-space:nowrap;
    width:100%;
}
.right {
    border:1px solid black;
    width:50%;
    height:200px;
    display:inline-block;
}
.left {
    border:1px solid red;
    width:50%;
    height:200px;
    display:inline-block;
}