Blank spacing does not leave the html document

Asked

Viewed 131 times

0

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

Follows 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>
      <script type="text/javascript" src="js/materialize.min.js"></script>
    </body>
  </html>

And the css too:

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


    .first_panel{
        height: 50vh;
     }

    .second_panel{
       height: 50vh;
     }

    .third_panel{
       height: 50vh;
     }
html css html5 css3 materialize

2 answers

0

Try to take off the bootstrap (to see if it is he who is changing), regardless of the result try to put on the body margin:0 !important;

  • I managed to solve

0

Vc says the white space between the content and the document border?

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

I’m particularly not a fan of giving a margin reset and padding on all elements.

Browser other questions tagged html css html5 css3 materialize

You are not signed in. Login or sign up in order to post.