Based on a 12 column grid, the responsive MQFramework has been structured to suit different needs, be it from a new project to fitting into an existing project with very little changes to the code. One CSS file imports the framework files and a custom stylesheet for the design of your site. It utilises the @media property to allow you to design your sites for browsers of all sizes.
Screen Sizes
MQFramework is designed for five different screen resolutions. But with that comes the challenge of displaying the information you require.
The Grid
MQFramework is built and designed around a 12 column grid. For each of the supported screen sizes MQFramework has adopted a different width of container to house the grid. As for mobile versions, the twelve columns become one stacking up vertically.
Typography
Included is a basic typography stylesheet for your needs, but don't fret, you can use your favourite @font-face fonts and change all the styles to suit your project.
Usage
Getting to grips with MQFramework is easy, if you understand how a grid system works.
Customization
MQFramework is very easy to customize. We have included a seperate stylesheet for your styles and settings. This stylesheet should be the only one you should have to modify at great detail to get your design working.
Showcase
Have you built something cool with MQFramework? Then contact us and tell us about it. You might even get featured in the dedicated showcase section.
Website: http://mqframework.com/
| ←Previous SimpLESS: Less Files into Valid CSS | Create .zip files with JSZip Next→ |
|---|
