From a02030b23ea2317b1a0161fb5e1722c915fa710f Mon Sep 17 00:00:00 2001
From: Gregory Gubarev <g.gubarev63@gmail.com>
Date: Sun, 18 Nov 2018 02:41:39 +0400
Subject: [PATCH] Responsive Web Design: Added hint to Override Class
 Declarations with Inline Styles (#21954)

Added hint to Override Class Declarations with Inline Styles (https://guide.freecodecamp.org/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles and https://learn.freecodecamp.org/responsive-web-design/basic-css/override-class-declarations-with-inline-styles)
---
 .../index.md                                  | 29 ++++++++++++++++---
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/guide/english/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md b/guide/english/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md
index 2cfa611e5f..394f8401b1 100644
--- a/guide/english/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md
+++ b/guide/english/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md
@@ -3,8 +3,29 @@ title: Override Class Declarations with Inline Styles
 ---
 ## Override Class Declarations with Inline Styles
 
-This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/basic-css/override-class-declarations-with-inline-styles/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
-
-<a href='https://github.com/freecodecamp/guides/blob/master/README.md' target='_blank' rel='nofollow'>This quick style guide will help ensure your pull request gets accepted</a>.
-
 <!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
+We need to use an ```inline style``` to try to make our ```h1``` element white.
+
+### Example
+
+Inline styles look like this:
+
+```css
+<h1 style="color: green;">
+```
+
+### Solution
+
+In this line:
+
+```css
+<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1>
+```
+In opening tag ```<h1>``` we need to add ```inline style``` to make our ```h1``` element white:
+
+```css
+<h1 style="color: white;" id="orange-text" class="pink-text blue-text">Hello World!</h1>
+```
+
+#### Tip: 
+An inline style loses many of the advantages of a style sheet (by mixing content with presentation). Use this method sparingly.