Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Materialize

Curso de Materialize

Diego De Granda

Diego De Granda

Terminando el index.html y estilos en el mainpage

12/17
Recursos

Aportes 21

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Otra opción es utilizar las clase de Materialize prefix que nos permite alinear el icono con el input quedando algo as.

 <div class="input-field col s6">
          <i class="material-icons prefix">account_circle</i>
          <input id="icon_prefix" type="text" class="validate">
          <label for="icon_prefix">First Name</label>
   </div>

Selector de hijo > (herencia en CSS)

ya lo logre solucionar, al colocar a la clase card small logro que las tarjetas queden alineadas y no desfazadas.

Me gusto mucho como quedo

como puedo arreglar los card cuando me quedan de diferentes tamaños??

Si la altura del footer no se vé afectada por el estilo propuesto en la clase, lo que deben cambiar es height por min-height según la documentación.

footer.page-footer {
  min-height: 80px;
  background-color: gray;
  bottom: 0;
}

es limpio materialize

  • Clase para agregar sombras:
    z-depth-2

  • Para aplicar la parte de cascade de css se deben colocar las clases
    de la siguiente manera y así no hayan conflictos con los estilos.
    .input-field.input-container

  • La herencia en css se hace de la siguiente forma:
    .input-field > #search

Creo que mas me gusta Tailwind si es el caso de poder personalizar o escribir clases en css…

estoy haciendo una pagina con materialize para un diplomado de educacion ambiental y hasta ahorita este es el resultado, aplicando videos en lugar de imagenes.

Siempre había cometido el error que al usar un framework ponia important en algunos estilos que no se me guardaban pero ya con esta clase gamas se me volverá a pasar eso, super genial 😃

Gran clase

Tomaré las carda para mi portafolio, me gustaron bastante la verdad. 👌👌

¿Por qué se utilizó float none para centrar el input? ¿No basta con margin auto?

Honestamente, no me gustan el estilo de los input en materialize xD

Me gusta como quedo, y lo implementare en mi portafolio,la galería y el buscador para filtrar por tecnología usada, Gran clase

Alguien sabe porque a mi las imágenes no se adaptan al div? es decir si son de diferente resolución estas cambian la altura pero no la anchura, solo me ocurre si uso Materialize…

Me pareció interesante esta clase, no sabia que esa forma de opacar las clases de materialize.

s