From 7871fad1b3538e994f96f0c09c5054a10d00d0c9 Mon Sep 17 00:00:00 2001 From: Ahmad Abdolsaheb Date: Tue, 30 Jan 2018 08:30:10 +0300 Subject: [PATCH] fix(seed): Expand description of media query challenge (#16572) example change to make it more clear Closes #16474 --- .../01-responsive-web-design/responsive-web-design.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/seed/challenges/01-responsive-web-design/responsive-web-design.json b/seed/challenges/01-responsive-web-design/responsive-web-design.json index 02b04920e9..c1a7950c31 100644 --- a/seed/challenges/01-responsive-web-design/responsive-web-design.json +++ b/seed/challenges/01-responsive-web-design/responsive-web-design.json @@ -80,6 +80,8 @@ "Media Queries consist of a media type, and if that media type matches the type of device the document is displayed on, the styles are applied. You can have as many selectors and styles inside your media query as you want.", "Here's an example of a media query that returns the content when the device's width is less than or equal to 100px:", "@media (max-width: 100px) { /* CSS Rules */ }", + "and the following media query returns the content when the device's height is more than or equal to 350px:", + "@media (min-height: 350px) { /* CSS Rules */ }", "Remember, the CSS inside the media query is applied only if the media type matches that of the device being used.", "
", "Add a media query, so that the p tag has a font-size of 10px when the device's height is less than or equal to 800px."