Флексбокс, часть 2 / Испытание: кубизм некорректное отображение превью

Курсы §36. Флексбокс, часть 2
1

Привет! довольно трудно делать задание тк в превью отображается все вот так http://prntscr.com/lk496q
а после наложения выясняется что все оч печально http://prntscr.com/lk4b9q не подскажете в чем проблема? и почему отображается иначе

2

Вы не показали код. Отправьте его текстом и отформатируйте при вставке с помощью кнопки </> в редакторе сообщений.

3 
.palette div {
	min-width: 35px;
	min-height: 35px;

}

.palette  {
display:flex;   
}

.color-olive{
margin-top:auto;
margin-bottom:auto;
margin-left:25px;
flex-basis:50px;
height:150px;
}    


.color-yellow{
flex-basis:30px;
height:100px;
margin-bottom:10px;
margin-top:auto;
margin-left:10px;
margin-right:35px;}


.color-fuchsia{

margin-top:5px;
margin-right:10px;
flex-basis:20px;
height:100px;}

.color-aqua{
	flex-basis:50px;
	height:150px;
	margin-bottom:auto;
	margin-top:auto;}
    
}
4

Самую последнюю “}” уберите.