30 Days of Code

Um autodesafio com o objetivo de refinar minhas skills em CSS e React.

Desafios

• Day 01
  • Criação do projeto e definição da estrutura geral.
  • Utilização das propriedades CSS scroll-snap-type e do scroll-snap-align a fim de proporcionar o scrool ajustado aos elementos filhos de um elemento.
• Day 02
  • Melhoria sutil no header da homepage.
  • Definição do estilo a ser utilizado na tag <code>.
  • Utilização da propriedade CSS box-shadow para adicionar sombra aos elementos.
  • Adição de uma breve descrição do recurso utilizado no dia 01.
• Day 03
  • Utilização do recurso de refs do React para alterar cor e opacidade de um componente filho através do componente pai e também para focalizar um campo de texto, também no componente filho através do componente pai.
• Day 04
  • Uso das pseudo-classes :hover e :active para animações a partir da interação do usuário e do @keyframes para animações automáticas.

Resultado

Aqui você poderá ver os resultados obtidos no desafio.