Испытание оформление статьи

Курсы
1

Третий день бьюсь над испытанием, ни как не пойму что не так в коде. font-weight: 400 не детает текст жирным, 600 слово “поэтому” не влезает в строку
body {
width: 380px;
margin: 0;
padding: 0 10px;
font-size: 16px;
line-height: 20px;

font-family: “Arial”, sans-serif;
}

h1 {
white-space: pre;

line-height: normal;
text-align:center;
}
.text-center {
text-align: center;
font-size: 20px;}
.highlight {
font-size: 17px;

padding: 5px;

color: #ffffff;
background-color: #3f51b5;
}
.italic{
font-style: italic;
}
.uppercase {
text-transform: uppercase;}
.underline{
text-decoration: underline;
}
.highlight {
font-weight: 400;
padding:10px;}

400

2

ну может для начала не надо дважды описывать один и тот же селектор?
в нем не надо менять размер кегля, вам нужно только подставить туда bold и всё.
заголовок тоже трогать не надо, для этого есть отдельный селектор

3

body {
width: 380px;
margin: 0;
padding: 0 10px;
font-size: 16px;
line-height: 20px;

font-family: “Arial”, sans-serif;
}

h1 {
line-height: normal;
text-align:center;
font-size:20px
}

.highlight {
color:white;
background-color:#3f51b5;
padding:10px;
font-weight:bold;
}

.italic {
font-style:italic;
}

.uppercase {
text-transform:uppercase;
}

.underline {
text-decoration:underline;
}