How TO Create Materialize CSS Container?

Materialize CSS Container

Materialize Container & Fluid Containers

Materialize CSS 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 a container, simply add .container class to the <div> element base class.

General Syntax

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

Source Code

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

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

To view the complete live source code, click here.