Entrar Ainda não tem acesso?
1
resposta

Meu programa não está atualizando com a página, por exemplo: não fica vermelho automaticamente assim como no vídeo

Referente ao curso Next.js: explorando o framework, no capítulo Estilizando o projeto e atividade Projeto da aula anterior

por Nivaldo Pereira da Silva Júnior
| 11.2k xp | 2 posts
import Link from "../src/components/Link"
import React from "react";

function Title({children, as}){
    const Tag = as;
    return (
        <React.Fragment>
            <Tag style={styles.title}>
                {children}
            </Tag>
        </React.Fragment>
    );
}

const styles = {
    title: {
        color:'blue',
        fontFamily: "sans-sarif",
    }
}



export default function HomePage(){
    return (
        <div>
            <Title> Alura Cases - Home</Title>
            <Link href="/faq">
                Ir para página do FAQ
            </Link>
            
        </div>

    );  
}
1 resposta
por MARIA ISABEL TEIXEIRA
| 1045.8k xp | 2507 posts
Alura Scuba Team Monitora | Suporte Educacional | AWS & Azure Certified

Oii, Nivaldo! Tudo bem?

O estilo do título está definido para a cor azul, ali em color: 'blue'. Você precisa alterar essa propriedade no objeto de estilos para ser red. Dessa forma ficará vermelho.

Seria assim, por exemplo:

const styles = {
    title: {
        color: 'red', // Altere de 'blue' para 'red'
        fontFamily: "sans-serif", // E, importante: aqui também tinha um pequeno erro de digitação. Estava "sans-sarif", só precisa mudar a letra "a" pra "e", ficando "sans-serif"
    }
}

Se outra dúvida surgir, estamos disponíveis aqui :)

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.