[Dúvida] mask para padrão de compatibilidade

Oi, Israel! Tudo bem?

Tem uma discussão aberta no fórum sobre essa propriedade e gostaria de compartilhar o link com você!

• Erro ao compilar (-webkit-mask)...como resolver?

Mas já te adianto que não precisa se preocupar com essa propriedade, pois esse warning não irá atrapalhar seus estudos!

Abraços

Mas por algum motivo minha pagina não estiliza que nem a sua prof

, minha pagina não está estilizando, não sei pq, deixei o link do repositório caso alguém possa me ajudar

Olá, Israel! Acabei olhando o seu código e vi que você está usando uma classe errada. No seu código vc escreve styles.Cabecalho com letra Maiúscula, como o nome do componente.

import logo from './logo.png'
import search from './search.png'
import styles from './Cabecalho.module.scss'
export default function Cabecalho(){
   return(
      <header className= {styles.Cabecalho}>
         <img src= {logo} alt="logo do Alura space" />
         <div>
            <input type="text" placeholder="o que você procura"/>
            <img src={search} alt="icone de lupa" />
         </div>
      </header>
   )
}

E no seu arquivo de estilos a classe cabecalho está com letra minúscula. Então é só fazer essa pequena alteração.

import logo from './logo.png'
import search from './search.png'
import styles from './Cabecalho.module.scss'
export default function Cabecalho(){
   return(
      <header className= {styles.cabecalho}>
         <img src= {logo} alt="logo do Alura space" />
         <div>
            <input type="text" placeholder="o que você procura"/>
            <img src={search} alt="icone de lupa" />
         </div>
      </header>
   )
}

Também vi que está utilizando o Opera. Talvez alguns estilos e propriedades css não apareçam igual os vídeos para você devido a compatibilidade dos navegadores.

Abraços!

Funcionou aqui prof, valeeu