Skip to content

Instantly share code, notes, and snippets.

View Responsive CSS.css
body{
font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
background:linear-gradient(145deg, rgb(0, 100, 109) 42%, rgb(65, 28, 206)) 0% 0% / cover;
color:white;
}
View Practice Layouts using Flexbox CSS
body{
font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
background:linear-gradient(145deg, rgb(0, 100, 109) 42%, rgb(65, 28, 206)) 0% 0% / cover;
color:white;
}
View index.HTML
<main>
<h1>Hello World!</h1>
<button class="button">
Ded 💀💀💀
</button>
</main>