Repasamos lo que sabemos de posicionamiento con CSS Grid y creamos un prototipo.

<p>Si hay algo que apasione a todo web developer es el posicionamiento con CSS.</p>
<p>Hacer que las “cosas” queden alineadas de forma perfecta, para todos los navegadores y resoluciones es algo que genera, cuando menos, sueños húmedos.</p>
<p>Hoy nos quedamos más cerca del Olimpo developer gracias a CSS Grid. Aprendemos a aplicarlo siguiendo un tutorial y lo ponemos luego en práctica para convertirlo en el <a href="https://codepen.io/delineas/pen/powORWB">wireframe</a> del dashboard del suscriptor.</p>
<p>Aprovechamos el final de la sesión para repasar lo vivido en estas más de 16 horas de livecoding.</p>
<p>¡Gracias infinitas por acompañarme!</p>
<p><strong>La frase del directo</strong></p>
<p>“Encima viendo solo 16 líneas y la fuente enorme.”</p>
<h3>Nivel de dificultad</h3>
<p>Intermedio</p>
<h3>Tecnologías utilizadas</h3>
<ul>
<li>La mente</li>
<li>JavaScript</li>
<li>Vue</li>
<li>PHP (Lumen)</li>
<li>Visual Studio Code</li>
<li>CSS</li>
</ul>
<h3>Recursos compartidos</h3>
<ul>
<li><a href="https://lenguajecss.com/css/maquetacion-y-colocacion/grid-css/">Maquetación con CSS Grid</a></li>
<li><a href="https://cssgridgarden.com/#es">CSSGarden</a></li>
<li><a href="https://grid.malven.co/">CSS Grid</a></li>
<li><a href="https://responsively.app/">Responsively</a></li>
<li><a href="https://codepen.io/delineas/pen/powORWB">Wireframe</a></li>
</ul>
<p>[Suscríbete][6] o [identíficate][7] para ver el vídeo al completo.</p>


Día 8: Primeros pasos con CSS Grid y punto seguido

Explora los capítulos