Desarrollo de checkboxes en el formulario

• Materialize sugiere la siguiente estructura para los inputs tipo
  checkbox:
  <label class=“col s12 m4”>
  <input type=“checkbox”>
  <span>Política</span>
  </label>

• Sirven para dar diseño especial a los botones:
  waves-effect waves-light

Reto: 1) Enlazar todas las páginas, 2) Crear las otras páginas 3) En la pantalla de registro había opción de poner imagen.

El desarrollo Front-end se puede agilizar sustancialmente utilizando el framework materialize la cual se podria definir como la herramienta que se guía por las líneas de diseño de Material Design de Google

"Entre las cosas que te ofrece Materialize encuentras todo tipo de interfaces, como colores, transiciones, tipografías, botones, navegadores, cabeceras, base de datos de iconos, elementos de formulario, tarjetas, tooltips, acordeones, menús desplegables, botones flotantes, migas de pan, menús con pestañas, sistemas de paginación, listas, así como un sistema de rejilla y mucho más. Por supuesto, todos los componentes y las utilidades de layout son responsive y a se adaptan a todo tipo de pantallas, grandes y pequeñas. Por todo, este framework de diseño web es un auténtico regalo para el desarrollador."
Tomado de:
https://desarrolloweb.com/articulos/materialize-framework-css.html

Para eliminar el mismo texto en VSCode que se repite varias veces, seleccionas el texto y presionas Control + D las veces necesarias. Esto seleccionará el texto que se repite y luego borras una sola vez.

Hay un fallo en la parte de separar nombre apellidos y correo contraseña en rows distintas, si te das cuenta cuando haces la pantalla del movil hay un padding entre los dos rows todos esto fields tendrian que haber ido al mismo row de esa forma no habría el padding

Quedo muy bien la parte de registro.

Perfecto! Ahora a hacer los retos para terminar el proyecto y de paso practico y continuo con el cierre del curso!

Me hizo falta en el curso la parte del toggler para el menú

Durante la clase se aplicó la clase center-align al button pero este permaneció en la parte izquierda, para lograr centrarlo mi solución fué la siguiente:

<div class="section">
                <div class="row">
                  <div class="col s12">
                    <div class="center-align">
                      <button class="btn waves-effect waves-light">Enviar
                          <i class="material-icons right">send</i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>