Html 为什么不'；t显示：flex；工作

我正在Udacity学习HTML/CSS。我试图使第一行项目

col-2

和

col-10

彼此相邻地落在同一行中，但

显示：flex不起作用。有什么建议吗


*{
边框：红色实心1px；！重要提示
}
*{
-webkit框大小：边框框；
-moz框大小：边框框；
-ms框尺寸：边框框；
框大小：边框框；
}
*{
文本对齐：居中；
}
}
.行{
宽度：100%；
显示器：flex；
}
.col-1{
宽度：8.33%；
}
.col-2{
宽度：16.66%；
}
上校3{
宽度：25%；
}
.col-4{
宽度：33.33%；
}
上校5{
宽度：41.66%；
}
.col-6{
宽度：50%；
}
上校7{
宽度：58.33%；
}
.col-8{
宽度：66.66%；
}
.col-9{
宽度：75%；
}
上校10{
宽度：83.33%；
}
上校11{
宽度：91.66%；
}
上校12{
宽度：100%；
}

前端忍者
Udacity标志
JANE DOETTE
前端忍者
形象
特色作品
图1
图2
图3
文本1
文本2
文本3
尝试该属性，如果将其设置为
行
？另外，如果您使用flexbox，请使用autoprefixer，这样您的内容就可以跨浏览器工作。
CSS中有一个额外的右括号，它抛出了一个错误

*{
    text-align: center;
}


} /* here */
.row {
    width : 100%;
    display: flex;
}


*{
边框：红色实心1px；
框大小：边框框；
文本对齐：居中；
保证金：0；
填充：0；
}
.行{
显示器：flex；
}
.col-1{
宽度：8.33%；
}
.col-2{
宽度：16.66%；
}
上校3{
宽度：25%；
}
.col-4{
宽度：33.33%；
}
上校5{
宽度：41.66%；
}
.col-6{
宽度：50%；
}
上校7{
宽度：58.33%；
}
.col-8{
宽度：66.66%；
}
.col-9{
宽度：75%；
}
上校10{
宽度：83.33%；
}
上校11{
宽度：91.66%；
}
上校12{
宽度：100%；
}

前端忍者
Udacity标志
简·多特

前端忍者
形象
特色作品
图1
图2
图3
文本1
文本2
文本3
flex direction默认设置为row。您使用的浏览器是什么？