Changes

no edit summary
Line 86: Line 86:  
}
 
}
    +
.column {
 +
  float: left;
 +
  width: 25%;
 +
  padding: 0 10px;
 +
}
 +
 +
/* Remove extra left and right margins, due to padding */
 +
.row {margin: 0 -5px;}
 +
 +
/* Clear floats after the columns */
 +
.row:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
      Line 114: Line 129:  
* Platform: [Insert Chosen Platform]  
 
* Platform: [Insert Chosen Platform]  
 
* Virtual Participation Link: [Insert Link]
 
* Virtual Participation Link: [Insert Link]
 +
 +
<div class="row">
 +
  <div class="column">
 +
    <div class="card">
 +
      <h3>Card 1</h3>
 +
      <p>Some text</p>
 +
      <p>Some text</p>
 +
    </div>
 +
  </div>
 +
 +
  <div class="column">
 +
    <div class="card">
 +
      <h3>Card 2</h3>
 +
      <p>Some text</p>
 +
      <p>Some text</p>
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="column">
 +
    <div class="card">
 +
      <h3>Card 3</h3>
 +
      <p>Some text</p>
 +
      <p>Some text</p>
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="column">
 +
    <div class="card">
 +
      <h3>Card 4</h3>
 +
      <p>Some text</p>
 +
      <p>Some text</p>
 +
    </div>
 +
  </div>
 +
</div>
    
</div>
 
</div>