Tarefa 6 Componente React com Estilização por Class
Utilizando a ferramenta CodeSandbox e o template React, crie uma página simples.
Esta página deve conter:
Título de segundo nível com o texto: “Desenvolvimento Front-End com Frameworks”. Título de terceiro nível com o texto: “Mobile-First UI com React”. Título de quarto nível com o texto: “Conceitos de Usabilidade”. Um texto, devendo ser separado em vários parágrafos, explicando a diferença apontada no texto anterior. Estilize a página para que:
O h2 fique com a fonte maior que o h3, que terá a fonte maior que o h4, que terá a fonte maior que o p. Cada um desses componentes deve ter um tamanho de fonte mínimo, ideal e máximo. Todos os cabeçalhos devem ter o texto centralizado. Todos os parágrafos devem ter o texto justificado e a primeira linha deve estar avançada para a direita. Além disso, deve-se haver um espaçamento interno (padding) na vertical de 0 e na horizontal de 20px. Faça isso utilizando apenas estilização por classes CSS, exemplo:
Arquivo CSS:
.container { /* estilo */ }
Pense Mobile-First.