Todos

Mini Projetos

Resolução do Mini Projeto

Página de links

Login

Introdução

  • Introdução
  • Fork e Clone no GitHub
  • Iniciando Projeto com Vite
  • Conteúdo

  • Projeto Figma: Design e Desenvolvimento
  • Organizando Recursos Visuais
  • Estruturando com BEM e Semântica
  • HTML Estruturado com Emmet
  • Início do Layout CSS
  • Integração de Perfil com JavaScript
  • Manipulação de DOM
  • Automatizando Links HTML
  • Elementos de Lista Dinâmicos
  • Melhorias de CSS na Página
  • Fonte Arvo e Layout CSS
  • Finalização

  • Redesign do Widget
  • Deploy na Vercel
  • Introdução

  • Introdução
  • Fork e Clone no GitHub
  • Iniciando Projeto com Vite
  • Conteúdo

  • Projeto Figma: Design e Desenvolvimento
  • Organizando Recursos Visuais
  • Estruturando com BEM e Semântica
  • HTML Estruturado com Emmet
  • Início do Layout CSS
  • Integração de Perfil com JavaScript
  • Manipulação de DOM
  • Automatizando Links HTML
  • Elementos de Lista Dinâmicos
  • Melhorias de CSS na Página
  • Fonte Arvo e Layout CSS
  • Finalização

  • Redesign do Widget
  • Deploy na Vercel
  • Início do Layout CSS

    Resetamos o CSS, removendo margens, paddings e ajustamos o box-sizing para border-box. Configuramos o background como uma imagem centralizada e aplicamos display flex no app para centralizar elementos. Usamos alturas dinâmicas e iniciamos o layout do card. Continuaremos ajustando o design e integrando o JavaScript.

    Comentários

    (0)