Line 6: | Line 6: | ||
* { | * { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | /* Create two equal columns that floats next to each other */ | ||
+ | .column { | ||
+ | float: left; | ||
+ | width: 50%; | ||
+ | padding: 10px; | ||
+ | height: 300px; /* Should be removed. Only for demonstration */ | ||
+ | } | ||
+ | |||
+ | /* Clear floats after the columns */ | ||
+ | .row:after { | ||
+ | content: ""; | ||
+ | display: table; | ||
+ | clear: both; | ||
} | } | ||
Line 46: | Line 61: | ||
.container::after { | .container::after { | ||
content: ''; | content: ''; | ||
− | position: | + | position: absolute; |
width: 50px; | width: 50px; | ||
height: 50px; | height: 50px; | ||
Line 201: | Line 216: | ||
<h2>Heading 6</h2> | <h2>Heading 6</h2> | ||
<p>Text.</p> | <p>Text.</p> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="column" style="background-color:#aaa;"> | ||
+ | <h2>Column 1</h2> | ||
+ | <p>Some text..</p> | ||
+ | </div> | ||
+ | <div class="column" style="background-color:#bbb;"> | ||
+ | <h2>Column 2</h2> | ||
+ | <p>Some text..</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 18:00, 8 August 2018
Market Direction Analysis
Use by parents to monitor child’s stress levels and general well-being
Useful in the early detection of illness & Prevention of Sudden Infant Death Syndrome
Will lead to more anxiety on the parental end
Use by adults for quantitative self care
Difficulty in differentiating between what is normal and what is a cause of concern.
Insurance privacy concerns
QGEM
QGEM
Heading 4
Text.
Heading 5
Text.
Heading 6
Text.
Heading 5
Text.
Heading 6
Text.
Heading 6
Text.
Column 1
Some text..
Column 2
Some text..