Criação do componente onde as habilidades do time da leCode são mostradas. O componente deve conter imagens e textos, dispostos em colunas onde cada especialidade é mostrada.
Desenvolvimento
Use o componente Image do NextJS para a imagem do background. Use o atributo fill. A imagem deve cobrir todo o componente. Se necessário, adicione classes ao componente de estilo
Os componentes de estilização devem ter nomes descritivos exemplo <TechnologyContainer/>
O arquivo de estilização precisa utilizar um HTML descritivo para a criação de componentes de estilo, evite usar div para todos os componentes
Os arquivos de imagem devem conter a propriedade alt com um texto curto e/ou com palavras chaves
No componente pai adicione uma ID para a melhor navegação junto com a navbar
Versão mobile
Na versão mobile os itens são dispostos em forma de coluna. Caso esteja usando display: flex, adicione flex-direction: column
Ajuste o height do componente pai para height: fit-content assim a imagem ainda cobrirá todo o componente.
DanteBorges
commented
5 months ago
Contexto
Criação do componente onde as habilidades do time da leCode são mostradas. O componente deve conter imagens e textos, dispostos em colunas onde cada especialidade é mostrada.
Desenvolvimento
Imagedo NextJS para a imagem do background. Use o atributofill. A imagem deve cobrir todo o componente. Se necessário, adicione classes ao componente de estilo<TechnologyContainer/>divpara todos os componentesVersão mobile
display: flex, adicioneflex-direction: columnheightdo componente pai paraheight: fit-contentassim a imagem ainda cobrirá todo o componente.Links uteis
Roteiro de testes