/single-price-grid

Primary LanguageCSSMIT LicenseMIT

Frontend Mentor - Single price grid component

The challenge

O desafio consiste em:

  • Ver o layout ideal para o componente, dependendo do tamanho da tela do dispositivo;
  • Ver um estado de foco na área de trabalho para a frase de chamariz Sign Up.

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid

What I learned

  • Nesse desafio foi possível aprender e treinar um pouco de flexbox, principalmente o quesito de responsividade, que foi uma das minhas maiores dificuldades nesse projeto.
  • Foi muito interessante trabalhar também com o display grid para a estruturação melhor do site nesse desafio, que é uma das coisas que eu também sinto grande dificuldade, porém com o tempo sinto que estou aprimorando.