Skip to content

Instantly share code, notes, and snippets.

@thecodemedia
Created July 12, 2020 22:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thecodemedia/ade8ae7248e8090b5daf9968b9da0f15 to your computer and use it in GitHub Desktop.
Save thecodemedia/ade8ae7248e8090b5daf9968b9da0f15 to your computer and use it in GitHub Desktop.
* {
/*убираем отступы*/
margin:0;
padding:0;
}
body, html {
/*пусть страница занимает всё место в окне браузера*/
width:100%;
height:100%;
}
body {
/*делаем чёрный фон*/
background-color: #000;
}
/*стиль нашего блока*/
.box {
/*говорим браузеру, что все элементы этого класса должны быть по центру окна*/
display: flex;
justify-content: center;
align-items: center;
/*блок будет занимать всё доступное место по высоте*/
height: 100%;
.glitch {
color:#fff;
font-family: "Arial", sans-serif;
font-weight: 600;
font-size: 100px;
position: relative;
padding: 30px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment