From 3099f303edfab6e20212bfee8135a07db935d065 Mon Sep 17 00:00:00 2001
From: CubeSky <miguelmendescoelho@gmail.com>
Date: Thu, 3 Oct 2019 15:11:38 +0100
Subject: [PATCH] Added solution to "01-Responsive Web design" challenge
 (#36968)

---
 ...fy-the-padding-of-an-element.portuguese.md | 39 ++++++++++++++++++-
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.portuguese.md
index e4ad85244a..d0fdc08a2d 100644
--- a/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.portuguese.md
+++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.portuguese.md
@@ -85,7 +85,42 @@ tests:
 ## Solution
 <section id='solution'>
 
-```js
-// solution required
+```html
+<style>
+  .injected-text {
+    margin-bottom: -25px;
+    text-align: center;
+  }
+
+  .box {
+    border-style: solid;
+    border-color: black;
+    border-width: 5px;
+    text-align: center;
+  }
+
+  .yellow-box {
+    background-color: yellow;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .red-box {
+    background-color: crimson;
+    color: #fff;
+    padding: 20px 40px 20px 40px;
+  }
+
+  .blue-box {
+    background-color: blue;
+    color: #fff;
+    padding: 40px 20px 20px 40px;
+  }
+</style>
+<h5 class="injected-text">margin</h5>
+
+<div class="box yellow-box">
+  <h5 class="box red-box">padding</h5>
+  <h5 class="box blue-box">padding</h5>
+</div>
 ```
 </section>