Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin: 0;
- padding: 0;
- }
- *:before, *:after{
- box-sizing: border-box;
- }
- body {
- height: 100vh;
- width: 100vw;
- }
- .grid {
- display: flex;
- flex-direction: row;
- flex-grow: 1;
- flex-wrap: wrap;
- background: gray;
- height: inherit;
- width: inherit;
- }
- .grid-x {
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- flex-wrap: wrap;
- background: gray;
- height: inherit;
- width: inherit;
- margin: 5px;
- }
- .grid-row {
- display: flex;
- flex-direction: row;
- flex-grow: 1;
- background: green;
- margin: 5px;
- }
- .grid-left-column {
- display: flex;
- width: 50px;
- height: inherit;
- flex-direction: column;
- background: black;
- }
- .grid-column {
- display: flex;
- flex-direction: row;
- flex-grow: 1;
- background: yellow;
- margin: 5px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement