Описание раздела Микросетки. Начало

Обсуждение части «Микросетки. Начало» из тренажёра «Погружение в HTML и CSS»

Вот почему всегда приходиться действовать методом подбора(((

ul {
margin: 0;
}
.movie {
display: grid;
grid-template-columns: 1fr 235px;
margin: .3px;
margin-bottom: 10px;
align-items: center;
}
.tags-list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
padding: 15px;
}
li {
margin: 5px;
}
a {
display: block;
padding: 5px 10px;
}

Решено на 100%
body {
margin:0;

}
.movie {
display:grid;
grid-template-columns: 1fr 235px;
margin-bottom:10px;

}

.movie-title {
display:flex;
align-items: center;
justify-content: center;
}

.tags-list {
margin:0;
display: flex;
flex-wrap:wrap;
justify-content: flex-start;
padding:15px;
}

.tag {
margin: 5px;
}
.tag-link {
display: block;
padding: 5px 10px;
}