SHARE
TWEET

lofasz2

a guest Sep 16th, 2019 104 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4.     box-sizing: border-box;
  5. }
  6.  
  7. body {
  8.     height: 100vh;
  9.     width: 100vw;
  10.     background-color: white;
  11.    
  12. }
  13.  
  14. .container {
  15.     width: 1000px;
  16.     height: 100vh;
  17.     margin: 0 auto;
  18.     background-color: white;
  19.     border: 2px black solid;
  20.     display: grid;
  21.     grid-template-columns: 1fr 3fr;
  22.     grid-template-rows: 1fr 1fr;
  23.    
  24. }
  25.  
  26. .main {
  27.     grid-column: 1/3;
  28.     background-color: red;
  29.     border-bottom:2px black solid;
  30.     display: flex;
  31.     justify-content:center;
  32.     align-items: center;
  33.  
  34. }
  35.  
  36. .sect-l {
  37.     grid-row: 2/3;
  38.     grid-column: 1/2;
  39.     background-color: green;
  40.     border-right:inherit;
  41.     background-image: url(images/petike.jpg);
  42.     background-repeat: no-repeat;
  43.     background-size: cover;
  44.     background-position: center;
  45.    
  46. }
  47.  
  48. .sect-r {
  49.     grid-row: 2/3;
  50.     grid-column: 2/3;
  51.     background-color: #ffff00;
  52.     display:flex;
  53.     justify-content: center;
  54.     align-items: center;
  55. }
  56. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top