From 55e49cfb31c587ac19f884b4fc49b10b8517bf8e Mon Sep 17 00:00:00 2001 From: morganda Date: Sat, 4 Aug 2018 20:42:27 -0700 Subject: [PATCH 1/3] Replace stub with article Add hint article for "create a horizontal line using the hr element" lesson. --- .../index.md | 26 ++++++++++++++++--- 1 file changed, 23 insertions(+), 3 deletions(-) diff --git a/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md b/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md index 235c4991670..93f3889aef5 100644 --- a/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md +++ b/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md @@ -3,8 +3,28 @@ title: Create a Horizontal Line Using the hr Element --- ## Create a Horizontal Line Using the hr Element -This is a stub. Help our community expand it. +The `hr` tag is one of the simplest HTML elements. It creates a thin horizontal line line across it's parent element. -This quick style guide will help ensure your pull request gets accepted. +This lesson uses the `hr` tag to separate the title and content of a "card". So how do you create an `hr` element? - +``` + +
+``` + +This element is self-closing, but to be friendly to parsers and style checkers you should add an explicit closing marker. +``` +
+``` + +Whichever format you choose it will create a horizontal line as in [this lesson](https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/) on [freeCodeCamp](https://www.freecodecamp.org/). Here is a screenshot from that lesson showing an `hr` element contained within a div. + +![Example hr](https://i.imgur.com/RMTqXPw.png) + +### Bug in the lesson +If you come across the "the hr tag should appear between the title and the paragraph" issue and you're certain that you completed the objective correctly, check out [this useful suggestion](https://forum.freecodecamp.org/t/trouble-with-create-a-horizontal-line-using-the-hr-element-lesson/214232) from @SpaceCadet on the forums. + + +## Resources: +* [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr) +* [W3C](http://w3c.github.io/html-reference/hr.html) From d13ffac8c21d5d0bcfaab48ca12af45be6f8bd7f Mon Sep 17 00:00:00 2001 From: morganda Date: Sat, 4 Aug 2018 20:45:57 -0700 Subject: [PATCH 2/3] style code snippets --- .../create-a-horizontal-line-using-the-hr-element/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md b/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md index 93f3889aef5..7cef94b438b 100644 --- a/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md +++ b/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md @@ -7,13 +7,13 @@ The `hr` tag is one of the simplest HTML elements. It creates a thin horizontal This lesson uses the `hr` tag to separate the title and content of a "card". So how do you create an `hr` element? -``` +```html
``` This element is self-closing, but to be friendly to parsers and style checkers you should add an explicit closing marker. -``` +```html
``` From 5eb02164989ac5726ea96d06ad1f7a8c0a09db91 Mon Sep 17 00:00:00 2001 From: Aman Mittal Date: Sun, 5 Aug 2018 11:25:15 +0530 Subject: [PATCH 3/3] fix: grammar --- .../create-a-horizontal-line-using-the-hr-element/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md b/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md index 7cef94b438b..1fe37ae0f54 100644 --- a/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md +++ b/src/pages/certifications/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md @@ -3,7 +3,7 @@ title: Create a Horizontal Line Using the hr Element --- ## Create a Horizontal Line Using the hr Element -The `hr` tag is one of the simplest HTML elements. It creates a thin horizontal line line across it's parent element. +The `hr` tag is one of the simplest HTML elements. It creates a thin horizontal line line across its parent element. This lesson uses the `hr` tag to separate the title and content of a "card". So how do you create an `hr` element?