1
resposta

identificação do erro

RESOLVIDO: TINHA FECHADO UMA DIV ERRADA

Olá, por algum motivo que não consegui identificar o texto não alinhou ao lado da imagem.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade


.about {
    width: 80%;
    margin: 0 auto 40px;
    font-family: Arial, Helvetica, sans-serif;

    &__title {
        background-color: $light-gray;
        text-align: center;
        padding: 20px;
    }

    &__h1 {
        font-size: 22px;
        color: $dark-gray;
        letter-spacing: 1px;
        margin-top: 5px;
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
    }

    .breadcrump {
        display: flex;
        justify-content: center;
        align-items: center;

        &__link {
            font-size: 12px;
            text-decoration: none;
            color: $dark-gray;
            &:hover{
                text-decoration: underline;
                color: $purple;
            }
        }

        &__img {
            width: 10px;
            margin: 8px;
        }
    }

    &__img {
        width: 100%;
        margin-bottom: 20px;
    }

    &__intro {
        font-weight: 100;
        color: $dark-gray;
        width: 70%;
        margin: 30px auto;
        text-align: center;
        font-size: 16px;
    }

    &__split {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    &__img2 {
        width: $img-width;
    }

    &__txt {
        width: calc(100% - #{$img-width});
    }

    &__p {
        font-size: 14px;
        padding: 10px;
        color: $dark-gray;
    }
}
1 resposta

Boa tarde, Eder! Tudo bem?

Ficamos contentes que você conseguiu encontrar o problema e resolver, também agradecemos muito por compartilhar a solução, quem sabe também não é a dúvida de outro aluno?

Parabéns e bons estudos!