A responsive CSS framework, MQFramework utilises the @media property to allow you to design your sites for browsers of all sizes. Based on a 12 column grid, MQFramework degrades perfectly down to mobile screen sizes.
Getting started with MQFramework is very simple and there are only a handful number of steps for you to follow. Read on to learn more.
With the rise of mobile devices, it is expected that your website will function and be viewable on the smaller screen sizes. With MQFramework you can build a site that reacts upon screen size. From widescreen monitors to small mobile devices. Just resize this page to watch it transform.
MQFramework is 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.
Extract the contents of the download into your project directory. There you will find a folder for your CSS, Images and scripts of your choice. Also included are humans.txt and robots.txt files for you to edit and modify for your project.
Step 3: Your CSS
Within MQFramework, your custom styling files are called from a global CSS file (master.css). All found within the CSS folder. It is recommend that you do not edit the file “/css/base.css” as this is the main framework styling.