T19 - style.css - header & h1

PHOTO

Mon Nov 08 2021 06:35:42 GMT+0000 (Coordinated Universal Time)

Saved by @patriciamolnar

header {
    width: 100%; 
    height: 100vh; 
    position: relative; 
    overflow: hidden; 
    background-color: var(--white);
}

h1 {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
    z-index: 1; 
    font-size: calc(1rem + 7vw); 
    font-family: var(--font); 
}

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

T19

@patriciamolnar

T19 - index.html T19 - style.css basic T19 - style.css - header & h1 T19 - style.css - pt. 3 T19 - script.js - pt.1 T19 - js - generateNumber T19 - js - createRandomNumbers T19 - js - generate element styles T19 - js - addElement T19 - js - updateCoordinates T19 - css - version b T19 - css - version c

Browse more snippets >>