CODEWITHSUNDEEP
htmlcssmaterial-designmaterialize
Muhammad Jafar
Muhammad Jafar

Reputation: 84

materialize css: remove gap/space between grid

Is there any idea how to remove gap/space between the grid? Here's an example of code for each columns, it will show the gap/space between grid

<div class="row">
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
</div>

enter image description here

Upvotes: 1

Views: 5066

Answers (1)

Bhuwan
Bhuwan

Reputation: 16855

Try to add padding: 0; to .row .col.s4 in your main css file.

.row .col.s4 {
  padding: 0;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<div class="row">
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
</div>

Upvotes: 4

Related Questions