Blank spacing does not leave the html document

0

Well, I've looked for several solutions like: *,html{ margin: 0; padding: 0;} / body, html{ margin: 0; padding: 0;} , but none solved the blank spacing solution on the page, follow the code

Follow the html:

<!DOCTYPE html>
  <html lang="pt-br">
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css">

      <!-- Import style.css-->
      <link type="text/css" rel="stylesheet" href="css/style.css">
    </head>

    <body>

      <div class="row">
        <div class="col s6 l4 card-panel black first_panel">
        </div>
        <div class="col s6 l4 card-panel indigo lighten-1 second_panel">
        </div>
        <div class="col s4 l4 card-panel light-blue lighten-1 third_panel">
        </div>
      </div>

      <div class="row">
        <div class="col s6 l4  card-panel black first_panel">
        </div>
        <div class="col s6 l4  card-panel indigo lighten-1 second_panel">
        </div>
        <div class="col s6 l4  card-panel light-blue lighten-1 third_panel">
        </div>
      </div>





      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script><scripttype="text/javascript" src="js/materialize.min.js"></script>
    </body>
  </html>

And css too:

     *, html {
         margin:0;
         padding:0;
     }


    .first_panel{
        height: 50vh;
     }

    .second_panel{
       height: 50vh;
     }

    .third_panel{
       height: 50vh;
     }
    
asked by anonymous 21.11.2017 / 14:36

2 answers

0

Try to get the bootstrap (to see if it is the one that is changing), regardless of the result try to put in the body margin:0 !important;

    
21.11.2017 / 14:53
0

Do you mean the blank space between the content and the border of the document?

If so, use only body {margin: 0; padding: 0;}

I'm not particularly fond of resetting the margin and padding on all elements.

    
21.11.2017 / 14:55