Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dia 5 - 7days of code Giovana Moeller

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);
}
1 resposta
solução!

Olá Victor, tudo bem?

A estrutura parece estar bem organizada e seguindo as boas práticas de HTML. A utilização de tags semânticas como div, h4, h5, ul e li é uma boa prática para deixar o código mais legível e acessível.

Além disso, a estilização em CSS também parece estar bem estruturada e seguindo as boas práticas, com o uso de classes descritivas e a separação de responsabilidades entre as classes.

Parabéns por praticar!

Um abraço e bons estudos.