Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- body {
- height: 100vh;
- width: 100vw;
- background-color: white;
- }
- .container {
- width: 1000px;
- height: 100vh;
- margin: 0 auto;
- background-color: white;
- border: 2px black solid;
- display: grid;
- grid-template-columns: 1fr 3fr;
- grid-template-rows: 1fr 1fr;
- }
- .main {
- grid-column: 1/3;
- background-color: red;
- border-bottom:2px black solid;
- display: flex;
- justify-content:center;
- align-items: center;
- }
- .sect-l {
- grid-row: 2/3;
- grid-column: 1/2;
- background-color: green;
- border-right:inherit;
- background-image: url(images/petike.jpg);
- background-repeat: no-repeat;
- background-size: cover;
- background-position: center;
- }
- .sect-r {
- grid-row: 2/3;
- grid-column: 2/3;
- background-color: #ffff00;
- display:flex;
- justify-content: center;
- align-items: center;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement