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>
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.

Web Tutorials
Materialize Container
Html Tutorial HTML
Javascript Tutorial JAVASCRIPT
Css Tutorial CSS
Bootstrap 5 Tutorial BOOTSTRAP 5
Bootstrap 4 Tutorial BOOTSTRAP 4