Desafio: Uso de Módulos CSS no React
Tarefa: Construção de um Cartão de Usuário com CSS Modules
Nesta tarefa, será desenvolvido um cartão de usuário exibindo a foto e informações relevantes do usuário. Aplicar estilos apropriados a cada componente e garantir sua correta utilização. O objetivo é alcançar a seguinte interface:
A tarefa é:
- No arquivo
UserInfo.jsx, importar o arquivo de estilos (UserInfo.module.css) e atribuí-lo comospara associação de estilos. - Para finalizar a construção do aplicativo, importar o arquivo
UserInfo.jsxnoApp.jsx.
- Para importar um arquivo, utilize a declaração
importe especifique o arquivo de origem. - Para associar o arquivo CSS ao s, importe utilizando
import s from "path_to_the_file";. - Para utilizar o componente UserInfo dentro do componente
App, utilize a sintaxe</UserInfo />.
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 10
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Incrível!
Completion taxa melhorada para 2.17
Desafio: Uso de Módulos CSS no React
Deslize para mostrar o menu
Tarefa: Construção de um Cartão de Usuário com CSS Modules
Nesta tarefa, será desenvolvido um cartão de usuário exibindo a foto e informações relevantes do usuário. Aplicar estilos apropriados a cada componente e garantir sua correta utilização. O objetivo é alcançar a seguinte interface:
A tarefa é:
- No arquivo
UserInfo.jsx, importar o arquivo de estilos (UserInfo.module.css) e atribuí-lo comospara associação de estilos. - Para finalizar a construção do aplicativo, importar o arquivo
UserInfo.jsxnoApp.jsx.
- Para importar um arquivo, utilize a declaração
importe especifique o arquivo de origem. - Para associar o arquivo CSS ao s, importe utilizando
import s from "path_to_the_file";. - Para utilizar o componente UserInfo dentro do componente
App, utilize a sintaxe</UserInfo />.
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 10