Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .page {
- font-family: 'Cormorant Garamond';
- }
- .header {
- height: 95px;
- display: flex;
- max-width: 1330px;
- min-width: 1280px;
- margin: auto;
- }
- .header__link {
- margin: auto;
- font-size: 28px;
- text-decoration: none;
- color: #10191E;
- }
- .project {
- background-position: center;
- background-size: cover;
- }
- .project_beginner {
- width: 636px;
- height: 430px;
- }
- .project_music-album {
- background-image: url(https://code.s3.yandex.net/web-code/album.png);
- }
- .project_design-principles {
- background-image: url(https://code.s3.yandex.net/web-code/design.png);
- }
- .flex-row {
- display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
- }
- .list {
- list-style: none;
- padding: 0;
- margin: 0;
- }
- .flex-column {
- width: 636px;
- height: 557px;
- display: flex;
- justify-content: space-between;
- }
- .flex-column_reversed {
- flex-direction: column-reverse;
- }
- .project_procrastinate {
- width: 636px;
- height: 557px;
- }
- .project-video {
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .project_p5 {
- width: 636px;
- height: 240px;
- }
- .flex-row_frameworks-inner {
- width: 636px;
- height: 290px;
- }
- .project_slider {
- width: 306px;
- height: 290px;
- background-image: url(https://code.s3.yandex.net/web-code/slider.gif);
- }
- .project_reactive {
- width: 306px;
- height: 290px;
- background-image: url(https://code.s3.yandex.net/web-code/reactive.gif);
- }
- .flex-row_reversed {
- flex-direction: row-reverse;
- margin: 60px 0;
- }
- .menu {
- display: flex;
- justify-content: center;
- min-height: 75px;
- align-items: center;
- flex-wrap: wrap;
- max-width: 1330px;
- min-width: 1280px;
- margin: 40px auto;
- }
- .project_vanilla {
- width: 306px;
- height: 290px;
- }
- .project_how-to-study {
- background-image: url(https://code.s3.yandex.net/web-code/how-to-study.png);
- order: 3;
- }
- .project_across-russia {
- background-image: url(https://code.s3.yandex.net/web-code/across-russia.png);
- order: 2;
- flex-basis: 636px;
- }
- .project_mesto {
- background-image: url(https://code.s3.yandex.net/web-code/mesto.png);
- order: 1;
- }
- .footer {
- height: 95px;
- display: flex;
- justify-content: center;
- max-width: 1330px;
- min-width: 1280px;
- margin: auto;
- }
- .logo {
- width: 145px;
- height: 25px;
- background-image: url(https://pictures.s3.yandex.net/logo_black.png);
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center;
- align-self: center;
- }
- .content {
- max-width: 1330px;
- min-width: 1280px;
- margin: auto;
- }
- .menu__link {
- font-size: 18px;
- text-decoration: none;
- color: #10191E;
- margin-right: 20px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement