IoT-Arduino
9/27/2019 - 1:59 AM

Grid のレイアウト基本コード

createdAt: "2019-04-22T12:46:15.443Z"

   .grid-container{
          display:grid;
          grid-template-columns:80px 1fr;
          grid-template-rows:auto auto;
          margin:0;
      }
            
      .leftnav{
          grid-row: 1;
          grid-column: 1;
      }
            
      .main-contents{
          grid-row: 1;
          grid-column: 2;
            
      }
            
      footer{
          grid-row: 2;
          grid-column: 1 / span 2;
      }
      
      -----------------------------------
      
      .grid-container{
          display:grid;
          grid-template-columns:1fr 150px;
          grid-template-rows:auto auto;
          margin:0;
      }
            
        
      .main-contents{
          grid-row: 1;
          grid-column: 1;
            
      }
      
      .sideWidget{
          grid-row: 1;
          grid-column: 2;
      }