Line spacing
I'm using the Materialize Framework on a site, but when I create two lines it gives me this spacing, does anyone know how to fix?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<title>Document</title>
</head>
<body>
<div class="row">
<div class="col s6 red">6</div>
<div class="col s6 green">6</div>
</div>
<div class="row">
<div class="col s6 blue">6</div>
<div class="col s6 yellow">6</div>
</div>
</body>
</html>
0
Author: Hudson Holanda, 2017-10-29
1 answers
You need to subscribe the Class .row
with value 0
and add the attribute !important
, so that it can subscribe the default value.
To subscribe to the classes you need to create a new css file, and call it after the Materialize
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<link rel="stylesheet" href="/css/meu.css">
.row {
margin-bottom: 0px !important;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<title>Document</title>
</head>
<body>
<div class="row">
<div class="col s6 red">6</div>
<div class="col s6 green">6</div>
</div>
<div class="row">
<div class="col s6 blue">6</div>
<div class="col s6 yellow">6</div>
</div>
</body>
</html>
1
Author: WMomesso, 2017-10-29 17:50:04