Вывожу JSON файл на страницу, выравниваю flexbox, но некоторые строки выходят кривые. Как можно вывести их ровно??
return (
<div className='resultPage'>
<ol className= 'list'>
{persons.map((person, index) => (
<li key = {index}>
<div className= 'container'>
<div className= 'name'>{person.name}</div>
<div className= 'score1'>{person.scores[0]}</div>
<div className= 'score2'>{person.scores[1]}</div>
<div className= 'score3'>{person.scores[2]}</div>
<div className= 'finalScore3'>{person.final_score}</div>
</div>
</li>
))}
</ol>
</div>
)
}
.resultPage {
display: flex;
justify-content: center;
margin-top: 100px;
}
.list {
width:80%;
}
.name {
}
li {
margin-top: 15px;
}
.container {
display: flex;
width: 100%;
justify-content: space-between;
}