Changes

no edit summary
Line 104: Line 104:     
/* For smaller screen sizes */
 
/* For smaller screen sizes */
@media (min-width: 100px) and (max-width: 950px)  
+
@media (min-width: 100px) and (max-width: 750px)  
 
+
  .column {
 
+
    width: 100%;
 +
    display: block;
 +
    margin-bottom: 20px;
 +
  }
 
}
 
}
 
}}
 
}}
Line 133: Line 136:  
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
       <h3>Card 1</h3>
+
       <h3>Day 1</h3>
 
       <p>Some text</p>
 
       <p>Some text</p>
 
       <p>Some text</p>
 
       <p>Some text</p>
Line 141: Line 144:  
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
       <h3>Card 2</h3>
+
       <h3>Day 2</h3>
 
       <p>Some text</p>
 
       <p>Some text</p>
 
       <p>Some text</p>
 
       <p>Some text</p>
Line 149: Line 152:  
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
       <h3>Card 3</h3>
+
       <h3>Day 3</h3>
 
       <p>Some text</p>
 
       <p>Some text</p>
 
       <p>Some text</p>
 
       <p>Some text</p>
Line 157: Line 160:  
   <div class="column">
 
   <div class="column">
 
     <div class="card">
 
     <div class="card">
       <h3>Card 4</h3>
+
       <h3>Day 4</h3>
 
       <p>Some text</p>
 
       <p>Some text</p>
 
       <p>Some text</p>
 
       <p>Some text</p>