Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Monica Peters dev derby demo entries

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 october_2012
Octocat-spinner-32 .gitignore
Octocat-spinner-32 README.md
README.md

MDN_Dev_Derby

My entry for the monthly MDN Dev Derby Challenge. A developer can only win once during the year. Please view my October entry from the MDN Site at the following url and click LIKE at the top of the page to help me win. I appreciate your support very much and I hope you also get inspired by Responsive Web Design & Development.

Details:
https://developer.mozilla.org/en-US/demos/devderby

Developer: Monica Peters

CSS Media Queries, Size Matters, October 2012

I created a responsive web page to demonstrate how CSS Media Queries can be used to change media based on each unique viewer's different screen sized. I did not focus on specific devices, because it seems more efficient to focus on the actual screen size instead of redundant CSS for iPad, iPhone, BlackBerry, and Thousands of Devices.

If this project inspires you to create your own responsive website, please send a link to me and we can do a friendly link exchange.

Responsive Design Inspiration:

ToDo: Add link to my entry at MDN site. CSS for Print, GreyScale, and TTY. Add custom icons. Add custom icons for lists.

Something went wrong with that request. Please try again.