Added solution to Learn about Complementary Colors (#34347)
* Update index.md * Update index.md * fix: changed css to html
This commit is contained in:
committed by
Randell Dawson
parent
49db42ba2b
commit
76a400887c
@ -3,8 +3,25 @@ title: Learn about Complementary Colors
|
|||||||
---
|
---
|
||||||
## 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>.
|
```html
|
||||||
|
<style>
|
||||||
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds -->
|
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>
|
||||||
|
```
|
||||||
|
Reference in New Issue
Block a user