From 76a400887caaf6401bd69dd18b0b3ab709ecb5ab Mon Sep 17 00:00:00 2001
From: The Coding Aviator <34807532+thecodingaviator@users.noreply.github.com>
Date: Sat, 9 Mar 2019 20:20:13 +0530
Subject: [PATCH] Added solution to Learn about Complementary Colors (#34347)

* Update index.md

* Update index.md

* fix: changed css to html
---
 .../learn-about-complementary-colors/index.md | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/guide/english/certifications/responsive-web-design/applied-visual-design/learn-about-complementary-colors/index.md b/guide/english/certifications/responsive-web-design/applied-visual-design/learn-about-complementary-colors/index.md
index aff143fe82..d863824e79 100644
--- a/guide/english/certifications/responsive-web-design/applied-visual-design/learn-about-complementary-colors/index.md
+++ b/guide/english/certifications/responsive-web-design/applied-visual-design/learn-about-complementary-colors/index.md
@@ -3,8 +3,25 @@ title: Learn about Complementary Colors
 ---
 ## Learn about Complementary Colors
 
-This is a stub. <a href='https://github.com/freecodecamp/guides/tree/master/src/pages/certifications/responsive-web-design/applied-visual-design/learn-about-complementary-colors/index.md' target='_blank' rel='nofollow'>Help our community expand it</a>.
+### Solution
 
-<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  -->
+```html
+<style>
+  body {
+    background-color: #FFFFFF;
+  }
+  .blue {
+    background-color: blue;
+  }
+  .yellow {
+    background-color: yellow;
+  }
+  div {
+    display: inline-block;
+    height: 100px;
+    width: 100px;
+  }
+</style>
+<div class="blue"></div>
+<div class="yellow"></div>
+```