#boraCodar são desafios semanais, promovido pela Rocketseat para ensino de tecnologias WEB.
Tecnologias | Layout | Licença
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML, CSS e SVG
- Figma
- https://bennettfeely.com/clippy/
# CSS
- aplicar variável pelo atributo HTML
- animations / @keyframes
- column-gap / row-gap
- grid-template-columns / grid-template-rows / grid-column / grid-auto-flow
- fit-content
- margin-top: auto
- place-content / align-self / justify-items / justify-content
- centralizar div com position/grid/flex/margin
- :nth-child() / ::before
- transform / matrix() / rotate()
- stroke / dasharray / dashoffset / stroke-width / linecap
- fill
- responsividade / mobile first / @media
- clip-path / polygon
- linear-gradient()
- calc()
# SVG
- viewBox
- circle
- cx / cy
- r
- stroke
- defs
- linearGradienthttps://www.fronteditor.dev/gists/e7d5a452582ebe081f81dee776bca246/view
Você pode visualizar o layout do projeto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.
Esse projeto está sob a licença MIT.
Feito com ♥ by Rocketseat 👋 Participe da nossa comunidade!