Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

minha vercao do componente Bunner

Referente ao curso React: estilize componentes com Styled Components e manipule arquivos estáticos, no capítulo Componentes iniciais e fontes e atividade Desafio: banner

por Anastasiia De Oliveira
| 147.8k xp | 52 posts
import styled from "styled-components";

const BunnerEstilizado = styled.div `
    position: relative;

`
const ImgBannerEstilizado = styled.img `
    width: 1156px;
    height: 328px;
    border-radius: 20px;
    opacity: 80%;
`

const TituloBannerEstilizado = styled.h2 `
    position: absolute;
    top: 92px;
    left: 30px;
    width: 301px;
    height: 144px;
    font-size: 40px;
    line-height: 48px;
    color: #FFFFFF;
`

const Bunner = () => {
    return(
        <BunnerEstilizado>
            <ImgBannerEstilizado alt="banner do espaço" src="/banner.png" />
            <TituloBannerEstilizado>A galeria mais completa de fotos do espaço!</TituloBannerEstilizado>
        </BunnerEstilizado>
    )
}

export default Bunner;
2 respostas
por Lorena Garcia
| 11948.9k xp | 17886 posts
Alura Scuba Team

Oii, Anastasiia. Tudo bem?

Obrigada por postar no fórum! Fiquei impressionada com sua implementação do componente Banner utilizando Styled Components. A organização do seu código tá ótima, e você conseguiu aplicar estilos de forma clara e eficaz.

Continue com o ótimo trabalho e bons estudos!

Abraços.

solução!
por Anastasiia De Oliveira
| 147.8k xp | 52 posts

muito origada pelo apoio!