From 02ba95c104442ee8ca8c1058e4aa43079ca46c09 Mon Sep 17 00:00:00 2001 From: Matt Huntington Date: Tue, 15 May 2018 22:59:42 -0400 Subject: [PATCH] responsive --- .../2. RESPONSIVE_DESIGN.md | 8 ++++++++ 6. Fonts, Forms, and Pseudo Selectors/1. FONTS.md | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/5. Responsive Design and Advanced Selectors/2. RESPONSIVE_DESIGN.md b/5. Responsive Design and Advanced Selectors/2. RESPONSIVE_DESIGN.md index 92136f5..cec8ae4 100644 --- a/5. Responsive Design and Advanced Selectors/2. RESPONSIVE_DESIGN.md +++ b/5. Responsive Design and Advanced Selectors/2. RESPONSIVE_DESIGN.md @@ -57,6 +57,14 @@ Layout using percentages so that content shrinks and expands with window dimensi ### media query possibilites +```css +@media (min-width: 600px) { + body { + background-color: lightblue; + } +} +``` + - http://www.w3schools.com/cssref/css3_pr_mediaquery.asp - media types - screen diff --git a/6. Fonts, Forms, and Pseudo Selectors/1. FONTS.md b/6. Fonts, Forms, and Pseudo Selectors/1. FONTS.md index 1fde404..72e71f9 100644 --- a/6. Fonts, Forms, and Pseudo Selectors/1. FONTS.md +++ b/6. Fonts, Forms, and Pseudo Selectors/1. FONTS.md @@ -21,7 +21,7 @@ - http://www.myfonts.com/ - https://typekit.com/ -``` +```css @font-face { font-family: 'MyWebFont'; /* specify how you want the font to be referenced in the font-family property */ src: url('fonts/Architects_Daughter/ArchitectsDaughter.ttf'); /* location of the font file */