soy nuevo en materialize, pero me parece un framework genial, me arrepiento de no haber hecho uso de el en otros proyectos, porque realmente facilita el diseno, pero mi problema es el siguiente, quiero crear 2 row unidas, es decir, el sistema de grillas de materialize.
Me refiero a esta linea:
<div class="row"></div>
Si a esa linea le asigno una imagen y un color de fondo, y posteriomente creo otra "row", me salen separadas por aproximadamente 10px o mas, quiero que esten juntas.
Aquí les dejo mi código de ejemplo:
<div class="container">
<div class="row">
<div class="col s12 m12 l10 blue darken-2 center offset-l1 m0 s0"> <!-- Color azul y centrado-->
<img class="responsive-img" src="img/logo.png"> <!-- Imagen responsiva-->
</div>
</div>
<div class="row">
<div class="col s12 m12 l10 white center offset-l1 m0 s0"> <!-- Color y centrado-->
<!-- Contenido-->
<br>
<div class="row">
<div class="col s12 m10 l8 offset-l2 m1 s0 z-depth-5 blue-text">
<p>Mi texto 1</p>
<p>Mi texto 2 </p>
</div>
<!-- Fin Contenido-->
</div>
</div>
</div>
</div>
Me gustaría que la parte de arriba azul y con mi logo este pegada a la parte de abajo.
Aquí les dejo como sale actualmente (podrán observar la separación entre la parte azul y la blanca)