Creative Design

HTML
<div class="wrapper"> <h1>Creative</h1> <h1>Design</h1> </div>
SCSS
@import url('https://fonts.googleapis.com/css?family=Barrio'); * { box-sizing: border-box; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: 'Barrio', cursive; } body { display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: #DDCD1B; } .wrapper { width: auto; text-align: center; } h1 { position: relative; margin-top: 0; margin-bottom: 0; font-size: 140px; &:after { content: ""; position: absolute; height: 30px; width: 100%; bottom: 20px; left: 0; background-color: rgba(83, 246, 133, 1); z-index: -1; } }
JAVASCRIPT
Expand for more options Login