grid.md

description
Grid in NextGenCSS🔥

Grid

This responsive grid system is designed to help you create flexible and responsive layouts in your web project.

.containerContainer

Use .grid class to make a .containerContainer

Use .column classes .col-{..number} to define the width of your grid items. Columns are based on a 12-column layout , And .column for element in new column.

Classes for column

• .col-1
• .col-2
• .col-3
• .col-4
• .col-5
• .col-6
• .col-7
• .col-8
• .col-9
• .col-10
• .col-11
• .col-12

Example

<div class="container">
    <div class="column b-dark">
      <div class="card">
        <h3 class="card-title">Hello</h3>
        <p class="card-body">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
      </div>
    </div>
    <div class="column b-dark">
      <div class="card">
        <h3 class="card-title">Hello</h3>
        <p class="card-body">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
      </div>
    </div>
    <div class="column b-dark">
      <div class="card">
        <h3 class="card-title">Hello</h3>
        <p class="card-body">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
      </div>
    </div>
    <div class="column b-dark">
      <div class="card">
        <h3 class="card-title">Hello</h3>
        <p class="card-body">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
      </div>
    </div>
  </div>