Simple-Grid

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #go #machine-learning #rust #deep-learning #nodejs #macos #java #awesome #pytorch #openai #open-source

(★ 880)

A simple, lightweight CSS grid

파일 탐색기

최종 버전 다운로드 (.zip)

README.md
simple-grid.css
simple-grid.min.css
simple-grid.scss

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Simple Grid
A lightweight, responsive CSS grid

Developed by Zach Cole

## Simple Grid and Simple Code

Simple Grid is a mobile-first 12-column CSS grid system to make developing responsive websites easy and fast.

All the code you need is simple and familiar. A parent container class contains the grid. Within the container are rows. Row classes denote rows of content, which can be filled with up to 12 columns. Columns must be nested within a row.

To define your column width, declare how many columns you want your content to take up on desktop and large screens. For example, if your content should take up 6 out of 12 columns (or half the container), your class name will be .col-6.

If you don’t want columns to expand on mobile devices and small screens, simply add -sm to the end of your column class name. For example, if you want to have two blocks of content floating side-by-side on small screens, each would be given the class name .col-6-sm.

Update: Grid styles are now available in SASS/SCSS. Hooray! Thanks to [shankariyerr](https://github.com/shankariyerr/) for contributing as well.

Learn more and see code samples at: http://simplegrid.io

## License

Open source under the MIT License.

Simple-Grid

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Simple-Grid

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README