Giter Club home page Giter Club logo

stats-preview-card-component's Introduction

Frontend Mentor - Stats preview card component

Esta é uma solução para o desafio "Stats preview card component" no Frontend Mentor. Os desafios do Frontend Mentor ajudam você a melhorar suas habilidades de codificação ao construir projetos realistas.

Índice

Visão geral

O desafio

Os usuários devem ser capazes de:

  • Veja o layout ideal, dependendo do tamanho da tela do dispositivo

Captura de tela

Screenshot

Links

Meu processo

Criado com

  • Marcação HTML5 semântica
  • propriedades personalizadas CSS
  • Flexbox
  • CSS Grid
  • Fluxo de trabalho que prioriza o celular

O que eu aprendi

Neste projeto eu coloquei em prática o uso das tags semânticas do HTML5 e principalmente o uso do Flexbox e CSS Grid Layout, recursos estes, presentes no CSS3. Aprendi mais sobre os recursos usados para responsividade de Dispositivos Móveis.

Maiores dificuldades

Minhas maiores dificuldades inicialmente foram as unidades de medidas relativas do CSS3 e o uso de recursos para a responsividade do projeto.

Desenvolvimento contínuo

Desejo continuar estudando e aprimorando minhas habilidades no CSS3 já que sou apaixonado por design e para futuramente usar nos frameworks de JavaScript.

Autor

Agradecimentos

Primeiramente quero agradecer à Caelum pelo aprendizado passado em seu curso Front-End. Em segundo lugar, quero agradecer aos membros do Discord da Rafaella Ballerini por tirarem algumas das minhas dúvidas!

stats-preview-card-component's People

Contributors

arthursaldanha avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.