Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i&display=swap);
- body {
- font-family: "Roboto", sans-serif;
- background: url(media/back.jpg) no-repeat;
- margin: 0;
- padding: 0;
- }
- /* --------------------------- HEADER ------------------------- */
- .container {
- max-width: 1000px;
- height: 100%;
- width: 1fr;
- margin: 0 auto;
- }
- .header {
- display: flex;
- flex-direction: row;
- justify-content: space-around;
- border: 1px solid;
- }
- .header__logo {
- flex-basis: 33%;
- border: 1px solid;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .header__search {
- flex-basis: 33%;
- border: 1px solid;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .header__menu {
- flex-basis: 33%;
- border: 1px solid;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .header__menu__nav {
- display: flex;
- flex-flow: row wrap;
- }
- .header__menu__nav--li {
- list-style-type: none;
- margin-left: 20px;
- }
- /* ------------------------------GRID MAIN ------------------------ */
- div.xuy {
- height: 100%;
- display: grid;
- grid-template: repeat(3,1fr) / repeat(3, 1fr);
- grid-template-areas:
- "one two three"
- "one two three"
- "one list table1"
- }
- div.block__table{
- grid-area: table1;
- }
- .block__list {
- grid-area: list;
- border: 0.5px solid;
- }
- .block__img {
- grid-area: img_;
- border: 0.5px solid;
- }
- .block__text {
- grid-area: text_;
- border: 0.5px solid;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement