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: 1440px;
- width: 100%;
- 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 ------------------------ */
- .xuy {
- display: grid;
- grid-template-columns: 33.3% 33.3% 33.3%;
- grid-template-rows: 150px 150px 150px;
- grid-template-areas:
- "table_ list img_"
- "text_ text_ img_"
- "text_ text_ table_";
- }
- .block__table {
- grid-area: table_;
- border: 0.5px solid;
- }
- .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