Skip to content

Latest commit

 

History

History
22 lines (17 loc) · 1.19 KB

README.md

File metadata and controls

22 lines (17 loc) · 1.19 KB

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.