Frontend-Store

A primera vista, frontend store es una página estática que me ayudó a practicar CSS

✏️ Cosas que aprendí

Aprendí a utilizar el atributo Grid, además de visualizarlo y comprenderlo en el inspector de elementos. Dependiendo de las condiciones, es necesario o más conveniente usar Flexbox. También escribo código responsivo aplicando patrones que integran Grid y Flexbox. Entendí la importancia del modelo BEM (Block Element Modifier), que nos ayuda a crear código reutilizable y ordenado en proyectos de CSS, cuyas reglas se dividen básicamente en tres: bloques, elementos y modificadores.

1. Bloques: Son contenedores. Si una sección es significativa por sí misma y no requiere otras secciones para su apariencia (CSS), debe colocarse en un bloque.
2. Elementos: Parte de un bloque, dependen de este y no tienen significado por sí mismos. Tienen la particularidad de usar el nombre del bloque seguido de un doble guion bajo (__).
3. Modificadores: ¿El bloque o elemento tendrá una variante? Se usa un modificador, que actúa como una "bandera" que indica que el elemento tendrá un diseño diferente.

🎨 Color code

Color	Hex
Morado	#7209b7
Morado Oscuro	#822fca
Amarillo	#ffd60a
Amarillo Oscuro	#ffc300
Blanco	#ffffff
Negro	#000000