Materialize Container & Fluid Containers

Materialize container takes 70% of the available browser viewport width and it is mainly used to center the content.

How To Create Materialize CSS Container

To create container, simply add .container class to the <div> element base class.

General Syntax

      <div class="container">  </div>

Try it now

Source Code

          <div class="container" style="background: yellow;">
  <h4 class="center-align">materialize CSS Container</h4>
</div>

Try it now

Source Code: Output

materialize CSS Container

The materialized CSS container centers itself with respect to available breakpoints and also creates horizontal padding on both sides of the container.

Materialize Container & Fluid Containers

How To Create Materialize CSS Container

materialize CSS Container

Web Tutorials