Skip to content

Hyunse/simple-grid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Simple-Grid

Simeple-Grid is a 12 column grid system.

Deployed Link: https://hyunse.github.io/simple-grid/

Technologies Used

  • CSS
  • Grid Layout

Contributors: Hyunse Kim


How to use

Add CSS file

<head>
  ...
  <link type="text/css" href="grid.css" rel="stylesheet" />
  ...
</head>

This is a 12 column grid system. And it provides responsive columns.

sm md
Width < 768px >= 768px
<div class="row">
  <div class="col-md-6 col-sm-6">
    column 1
  </div>
  <div class="col-md-6 col-sm-6">
    column 2
  </div>
</div>

Todo

  • Align items

License

MIT License