Team:Calgary/Sandbox

From 2012.igem.org

(Difference between revisions)
Line 11: Line 11:
}
}
-
@media only screen and (max-width:768px){
+
@media only screen and (max-device-width:768px){
p.desktop{
p.desktop{
display:none;
display:none;
Line 26: Line 26:
<p class="desktop">You are using a desktop computer.</p>
<p class="desktop">You are using a desktop computer.</p>
<p class="mobile">You are using a horizontal mobile platform.</p>
<p class="mobile">You are using a horizontal mobile platform.</p>
 +
<div id="redbox"></div>
 +
<div id="bluebox"></div>
</body>
</body>
</html>
</html>

Revision as of 22:28, 16 May 2012

This is a paragraph.

You are using a desktop computer.

You are using a horizontal mobile platform.