About
Explore
Events & Classes
Support Us
Join
Sign In
emma-the-artist
View Project Page
Run
Fullscreen
codesaurus color palette!
HTML
CSS
JS
<!-- Created by emma-the-artist, subject to copyright. --> <!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="author" content="emma-the-artist"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>color palette for codesuarus<br>by <a target="_blank" href="https://justcodaborate.com/user-103"> emma-the-artist</a></h1> <div class="palette"> <div class="color" id="color_one">#2c3b07</div> <div class="color" id="color_two">#734d61</div> <div class="color" id="color_three">#242451</div> <div class="color" id="color_four">#a82b0a</div> </div> </body> </html>
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap'); body { font-family: 'Satisfy'; text-align: center; background-color: #f7f7f7; overflow: hidden; } h1 { font-size: 40px; text-align: center; } a { color: blue; text-decoration: none; } .palette { display: flex; flex-wrap: wrap; } .color { height: 30%; position: absolute; width: 30%; margin: -10px; top: 29%; font-size: 30px; margin-left: 5px; padding: 10px; } #color_one { background-color: #2c3b07; color: white; } #color_two { background-color: #734d61; color: white; left: 33%; } #color_three { background-color: #242451; color: white; left: 65%; } #color_four { background-color: #a82b0a; color: white; top: 62.8%; width: 29.3%; }
About
Explore
Events & Classes
Support Us
Join
Sign In
