AlanPrado / FSWD_responsive-design-ud893

Responsive static web site using media queries.

Project: Responsive web design fundamentals

Responsive web design fundamentals demo site.

Quick start

• Clone the repo: git clone https://github.com/AlanPrado/responsive-design-ud893
• Install node.js
• Run: npm run start

Note that you should not change any .css files in order to change the style. Change *.scss files and *.css files will be automatic generated with the modifications.

What's included

Within the download you'll find the following directories and files.

+ root
+-- index.html
+--- sass
   +--- main.scss
   +--- main-400w.scss
   +--- main-550w.scss
   +--- main-767w.scss

A brief description about each file:

1. index.html: movie model
2. main.scss: file to layout the default visualization
3. main-400w.scss: apply this break point for screens with less than 400 pixel width
4. main-550w.scss: apply this break point for screens with less than 550 pixel width
5. main-767w.scss: apply this break point for screens with less than 767 pixel width

Copyright and license

Code and documentation copyright 2016-2016 Code released under the MIT License

Authors

Original Author and Development Lead

• Alan Thiago do Prado ([e-mail])