#Framer

Framer is a mobile first responsive grid that helps your to create website faster and easer.

Design one webpage that dynamically will adapt to your mobile phone, tablet or desktop computer. Framer makes it easy to create a simple breakpoint by adding a class to your html element.

See Framer.io for documentation, demo and real world projects Demo Pages

Install

Download

• Clone from Github: git clone http://github.com/claudemyburgh/framer
• Download from Github

Package managers

Bower: bower install Framer.io --save

Layout

File structure

framer/
├── css/
│   ├── framer.css
│   ├── framer.css.map
│   ├── framer.min.css
│   └── framer.min.css.map
└── js/
├── framer.js
└── gramer.min.js

Html layout

<div class="wrapper">
	<div class="row">
		<div class="sm-col-12"></div>	<!--small column layout for mobile-->
		<div class="md-col-12"></div>	<!--medium column layout for tablets-->
		<div class="lg-col-12"></div>	<!--large column layout for desktops-->
		<div class="xl-col-12"></div>	<!--xtra large column layout for hd screens-->
	</div>
</div>

Creater

Claude Myburgh

License

Framer is licensed under the MIT License. Happy Coding.