css - 文章的移动 View 不起作用

Question

我正在尝试为此页面添加移动 View 。我希望文章和 div.sidebar.col-md-4 位于移动 View 的左侧(文章上方的侧边栏)。这是页面的链接:https://ewelinawoloszyn.github.io/Press/#mm-0

这是我的代码

@media (min-width: 992px){
div.sidebar.col-md-4 {
    float: right !important;
        width: 162px !important;
}
}
@media (min-width: 1200px){
    div.sidebar.col-md-4 {
float: right !important;
        width: 162px !important;

    }
    article{width:50% !important;
    float:left !important;}
}


div.profile p{
text-align: justify;

}
div.profile p a{
float:right;

}
div.profile ul{

  list-style: none;
  padding-left: 0px;
}
h3.name{
  margin-bottom: 30px !important;
}
article{
    width: 50% !important;
    float:left !important;}

@media (min-width: 992px)
.col-md-4 {
    width: 33.3333%;
}
div.sidebar.col-md-4{
  float:right;
  width:162px;
}
div.profile img{
  margin-bottom:20px;
}
img.arch{
  width:120px !important;
  height:100px !important;
      margin-top: 18px !important;
      float: left !important;
margin-right: 9px !important;
}
div#disqus_thread{
  float:left;
      width: 523px;
}

当我为 768px 添加媒体查询时会发生什么，文章出现在我不想要的左侧菜单下方。如何在不重置 1200px View 的情况下添加移动 View ？

非常感谢任何建议，亲切的问候猫

Answer 1

div.sidebar.col-md-4{
  float:right;
  width:162px;
}

将它移到@media (min-width:768px) 中，并为宽度 <= 768px 定义另一种样式