andros/pattern-7-1-lite-with-split-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update README.md

Browse Source
This commit is contained in:
Andros Fenollosa 2023-01-02 10:43:42 +01:00 committed by GitHub
parent d6a5d1816a
commit f22c109e6a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
README.md
View File

@ -2,6 +2,8 @@
An extraordinarily neat architecture that any Web Designer can understand at a glance. Structure with the help of SASS and media queries. An extraordinarily neat architecture that any Web Designer can understand at a glance. Structure with the help of SASS and media queries.
## SASS
``` txt ``` txt
sass/ sass/
| |
@ -31,6 +33,26 @@ sass/
`– desktop.sass `– desktop.sass
``` ```
## HTML
```html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Split media</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<link href="css/mobile.css" rel="stylesheet" media="all and (max-width: 600px)">
<link href="css/desktop.css" rel="stylesheet" media="all and (min-width: 600px)">
</head>
<body>
<h1>Gravida arcu ac tortor.</h1>
</body>
</html>
```
# Compile SASS. # Compile SASS.
## Install ## Install