Grid

CSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.

Simple Grid

Simple Grid is a 6-column, lightweight CSS grid to help you quickly build responsive websites. Copy the code, add the appropriate classes to your markup, and you're off to the races. It's that simple. You can copy html part from below code snippet.

Code Example

<div class="grid-container">
                        <div class="grid-elements grid-1">Grid-1</div>
                        <div class="grid-elements grid-2">Grid-2</div>
                        <div class="grid-elements grid-3">Grid-3</div>
                        <div class="grid-elements grid-4">Grid-4</div>
                        <div class="grid-elements grid-5">Grid-5</div>
                        <div class="grid-elements grid-6">Grid-6</div>
                        <div class="grid-elements grid-7">Grid-7</div>
                        <div class="grid-elements grid-8">Grid-8</div>
                        <div class="grid-elements grid-9">Grid-9</div>
                        <div class="grid-elements grid-10">Grid-10</div>
                </div>

Grid-1

Grid-2

Grid-3

Grid-4

Grid-5

Grid-6

Grid-7

Grid-8

Grid-9

Grid-10