From 11ce3da9cdb9cf874048f587a55d0f3b7f53be44 Mon Sep 17 00:00:00 2001 From: dhcodes Date: Fri, 20 Jan 2017 23:32:17 -0600 Subject: [PATCH] add intro to basic CSS challenges --- .../01-responsive-web-design/basic-css.json | 48 +++++++++++++++++++ 1 file changed, 48 insertions(+) diff --git a/seed/challenges/01-responsive-web-design/basic-css.json b/seed/challenges/01-responsive-web-design/basic-css.json index e9283fa403..3b1965cf43 100644 --- a/seed/challenges/01-responsive-web-design/basic-css.json +++ b/seed/challenges/01-responsive-web-design/basic-css.json @@ -4,6 +4,54 @@ "time": "5 hours", "helpRoom": "Help", "challenges": [ + { + "id": "597d7790367517u2y2517ab2", + "title": "Introduction to Basic CSS", + "description": [ + [ + "", + "", + "Cascading Style Sheets (CSS) tell the browser how to display the text and other content that you write in HTML.", + "" + ], + [ + "", + "", + "CSS has been adopted by all major browsers and allows you to control:
", + "" + ], + [ + "", + "", + "CSS can be applied both as inline styles\u2014typed directly within HTML style tags\u2014or external style sheets\u2014typed in a separate file that is referenced from your HTML file. Most developers prefer external style sheets because they keep the styles separate from the HTML elements, therefore improving the readability and reusability of your code.", + "" + ], + [ + "", + "", + "The idea behind CSS is that you can use a selector to target an HTML element in the DOM (Document Object Model) and then apply a variety of attributes to that element to change the way it is displayed on the page.

In this section, you'll see how adding CSS styles to the elements of your CatPhotoApp can change it from simple text to something more.", + "" + ] + ], + "releasedOn": "", + "challengeSeed": [], + "tests": [], + "type": "Waypoint", + "challengeType": 7, + "isRequired": false, + "titleEs": "", + "descriptionEs": [ + [] + ], + "titleFr": "", + "descriptionFr": [ + [] + ], + "titleDe": "", + "descriptionDe": [ + [] + ] + }, { "id": "bad87fee1348bd9aedf08803", "title": "Change the Color of Text",