Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Projeto] Desafio Pedra e Flor

Referente ao curso SASS: CSS sintaticamente espetacular, no capítulo Input, Footer e SASS e atividade Desafio: pedra e flor

por Estudante
| 105.6k xp | 121 posts

HTML:

<section id="pedra-e-flor">
    <div class="img-container">
        <img src="imagens/pedra-e-flor.jpeg" alt="foto de uma flor e uma pedra bonitas">
    </div>
    <div class="texto">
        <h3>É sobre bem estar</h3>
        <h4>Cuide do seu corpo e leve boas memórias consigo.</h4>
        <p>Carregue com você o bem-estar, onde estiver. Leve o conforto do
        SPA para a sua casa. Confira nossas opções de sabonetes, sais de
        banho e velas para presentear você mesmo ou quem você ama. </p>
    </div>
</section>

SASS

@import '../abstract/_variables.scss'

/* % Seção Flor e Pedra */
#pedra-e-flor
    margin: 80px
    display: flex
    align-items: center
    gap: 1.25rem

    .img-container
        display: flex
        justify-content: flex-end
        width: 50%

    .texto
        line-height: 1.5
        width: 50%
    

    h3
        color: $cor2
        font-size: $tamanho-titulo / 1.6
        font-weight: 300

    h4
        font-size: $tamanho-titulo / 2.5
        font-weight: 300
        margin-bottom: 1rem
    
    p
        max-width: 600px

Resultado

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

4 respostas
solução!
por Andrieli Gonçalves
| 981.4k xp | 1973 posts
Alura Scuba Team Monitora Escola Semente | Fórum Ops

Oii, tudo certo?

Parabéns pela resolução do desafio, você mandou muito bem implementando os conhecimentos adquiridos ao longo do curso!

Continue sempre assim, se dedicando. Caso surja alguma dúvida, estaremos aqui para te auxiliar.

Abração.

por Iury Gontijo Silva
| 246.2k xp | 320 posts

Eaí, como é que vai?

Também queria te dar os parabéns pela resolução do desafio, bora continuar seguindo evoluindo! E também fiquei com uma dúvida, o que você acho de usar o SCSS? Eu já pesquisei um pouco sobre, mas nunca cheguei a usar em si.

Abraços!

por Estudante
| 105.6k xp | 121 posts

Iury, Sinceramente não achei útil. Prefiro trabalhar direto no CSS do que ter um intermediário.

por Iury Gontijo Silva
| 246.2k xp | 320 posts

Entendi. Eu não penso em utilizar o framework não, pra falar a verdade também. Quando estava pesquisando, achei muito interessante a ideia, mas ainda não sabia que era possível criar variáveis no CSS. Depois que descobri, não vejo muito porquê usar SCSS, pelo menos, não ainda.