Frontend Mentor - QR code component solution

Esta es una solución al QR code component challenge on Frontend Mentor.

Table of contents

• Visión general
  • Captura de pantalla
  • Enlaces
• Mi proceso
  • Construido con
  • Lo que aprendí
  • Desarrollo continuo
  • Recursos útiles
• Autor

Visión general

Screenshot

Enlaces

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

Mi proceso

Construido con

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

Lo que aprendí

El uso de flexbox

body {
  font-family: Outfit, Calibri;
  height: 100vh;
  color: var(--slate-900);
  background-color: var(--slate-300);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
}

Desarrollo continuo

Dominar FlexBox y CSS Grid. Luego poner en práctica JavaScript para los demás desafíos.

Recursos útiles

Los videos de Jordan Alexander. Me ayuda mucho con las buenas prácticas.

Author

• Sitio web - Cristian Barrios
• Frontend Mentor - Cristian Barrios