Dashboard

#boraCodar são desafios semanais, promovido pela Rocketseat para ensino de tecnologias WEB.

Tecnologias   |    Layout   |    Licença

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• HTML, CSS e SVG
• Figma
• https://bennettfeely.com/clippy/

📚 O que aprendemos nesse desafio

# 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
- linearGradient

🍩 Estudos sobre Donut Chart

https://www.fronteditor.dev/gists/e7d5a452582ebe081f81dee776bca246/view

🔖 Layout

Você pode visualizar o layout do projeto através DESSE LINK. É necessário ter conta no Figma para acessá-lo.

📝 Licença

Esse projeto está sob a licença MIT.

---

Feito com ♥ by RafaGnx