How to use m.css

The process of connecting m.ss does not take much time, even for beginners. There are 2 uses: from our CDN and from your local copy.

How do I connect CSS to a page? There is nothing easier than a tag in a HEAD page. Consider an example using our CDN:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="https://cdn.m-framework.com/css/1.2.min/m.css" rel="stylesheet" type="text/css" media="all">
<link href="https://cdn.m-framework.com/css/1.2.min/app/modal.css" rel="stylesheet" type="text/css" media="all">

Then the code to connect the CSS to the page will look like:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/css/m.css" rel="stylesheet" type="text/css" media="all">
<link href="/css/app/modal.css" rel="stylesheet" type="text/css" media="all">

As you can see, in both examples, we recommend using the META tag `viewport` to implement CSS responsiveness on pages.

The main features of m.css and its components are described on separate pages.