Boa tarde, será que eu fiz o desafio do dia 5 da melhor maneira?
<div class="vacancies__container--open">
<div class="container__open-vacancie">
<h4 class="vacancie__title">Design</h4>
<div class="vacancie__jobs">
<div class="jobs__info">
<h5 class="info__title">Product Designer</h5>
<ul class="info__description">
<li class="description__work-time">Full-time</li>
<li class="description__salary">Faixa salarial: R$7.000</li>
</ul>
</div>
<div class="jobs__info">
<h5 class="info__title">UX Designer</h5>
<ul class="info__description">
<li class="description__work-time">Full-time</li>
<li class="description__salary">Faixa salarial: R$6.000</li>
</ul>
</div>
</div>
<h4 class="vacancie__title">Desenvolvimento de Software</h4>
<div class="vacancie__jobs">
<div class="jobs__info">
<h5 class="info__title">Desenvolvedor(a) iOS</h5>
<ul class="info__description">
<li class="description__work-time">Full-time</li>
<li class="description__salary">Faixa salarial: R$8.000</li>
</ul>
</div>
<div class="jobs__info">
<h5 class="info__title">Desenvolvedor(a) Front-end</h5>
<ul class="info__description">
<li class="description__work-time">Full-time</li>
<li class="description__salary">Faixa salarial: R$7.000</li>
</ul>
</div>
<div class="jobs__info">
<h5 class="info__title">Desenvolvedor(a) Back-end</h5>
<ul class="info__description">
<li class="description__work-time">Full-time</li>
<li class="description__salary">Faixa salarial: R$8.000</li>
</ul>
</div>
</div>
</div>
</div>
.vacancies__container--open {
display: flex;
align-items: center;
flex-direction: column;
padding: 0 3.2rem;
gap: 6.4rem;
width: 100%;
}
.container__open-vacancie {
display: flex;
flex-direction: column;
width: 60%;
}
.vacancie__title {
font-size: 2rem;
font-weight: 500;
line-height: 3rem;
color: var(--gray-900);
margin-bottom: 3.2rem;
}
.vacancie__jobs {
display: flex;
flex-direction: column;
gap: 2.4rem;
margin-bottom: 6.4rem;
}
.vacancie__jobs:last-child {
margin: 0;
}
.jobs__info {
display: flex;
flex-direction: column;
gap: 3.2rem;
padding: 2.4rem 2.4rem 2.8rem;
border: 1px solid var(--gray-200);
border-radius: 16px;
}
.info__title {
font-size: 1.8rem;
font-weight: 500;
line-height: 2.8rem;
color: var(--gray-900);
}
.info__description {
display: flex;
gap: 2.4rem;
font-size: 1.6rem;
font-weight: 500;
line-height: 2.4rem;
color: var(--gray-500);
}