fixed description css

This commit is contained in:
Hope87
2021-07-21 14:40:06 +03:00
parent bccc5f98dc
commit f42f7a9f71
8 changed files with 60 additions and 48 deletions

View File

@ -222,7 +222,6 @@
margin-top: 60px;
border-radius: 10px;
margin-bottom: 60px;
flex-wrap: wrap;
}
@media (max-width: 575.98px) {
@ -241,7 +240,14 @@
text-align: left;
}
.SectionSkills > p {
.SectionSkills > ul {
list-style: none;
display: flex;
padding-left: 0;
flex-wrap: wrap;
}
.SectionSkills > ul > li {
font-family: 'GT Eesti Pro Display';
font-size: 1.8em;
font-weight: 100;

View File

@ -5,7 +5,7 @@ const SectionSkills = ({ skillsArr }) => {
return (
<div className={style.SectionSkills}>
<h3>Навыки:</h3>
{skillsArr && skillsArr.map((skills) => <p key={skills.id}>{skills.skill.name}</p>)}
<ul>{skillsArr && skillsArr.map((skills) => <li key={skills.id}>{skills.skill.name}</li>)}</ul>
</div>
);
};