一个不工作

Question

下面是代码的一部分，我需要帮助媒体查询：

https://jsfiddle.net/amit1235813/7y3x7uw0/

@media (min-width: 768px) { 
    #clients { 
     background-color: #e6e6e6; 
     padding-bottom: 125px; 
    } 

    #client_logos img { 
     max-width: 100%; 
    } 

    #logo_row_1:after { 
     content: ""; 
     display: block; 
     border-bottom: 2px solid #b3b3b3; 
     margin: 0 100px; 
    } 

    #client_logos .col-sm-4:first-of-type, 
    #client_logos .col-sm-4:nth-of-type(2) { 
     border-right: 2px solid #b3b3b3; 
    } 
} 

正如你会在小提琴注意到，有两个部分：推荐和客户端。

媒体查询关于“宽度> 768px”用于“客户端”部分做许多事情例如它将背景色设置为灰色阴影。这不起作用。发生了什么问题，我如何才能使其工作？

如果这可以帮助：我是用代码玩弄，如果我从“见证”部分删除媒体查询时，灰色回来。

谢谢！

PS：请忽略任何你在代码中发现未搞笑评论。 :)

Answer 1

你缺少右括号，其中最大宽度：767px;

@media (max-width: 767px) { 
    .testimonial_content { 
    color: white; 
    padding: 75px 20px 125px 20px; 
    } 

看这里的屏幕截图http://jmp.sh/ZvvUK3r。这里更新的小提琴。 https://jsfiddle.net/7y3x7uw0/9/