Team:Calgary/Sandbox

From 2012.igem.org

(Difference between revisions)
Line 3: Line 3:
<style>
<style>
@media screen and (min-width:769px){
@media screen and (min-width:769px){
-
p.desktop{
+
p{
-
display:block;
+
font-family: Arial;
-
}
+
font-size: 3em;
-
p.mobile{
+
font-weight: bold;
-
display:none;
+
}
}
}
}
@media only screen and (max-device-width:768px){
@media only screen and (max-device-width:768px){
-
p.desktop{
+
p{
-
display:none;
+
font-family: Helvetica;
-
}
+
font-size: 5em;
-
p.mobile{
+
font-weight: normal;
-
display:block;
+
color: red;
}
}
}
}
Line 24: Line 23:
<body>
<body>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
-
<p class="desktop">You are using a desktop computer.</p>
+
 
-
<p class="mobile">You are using a horizontal mobile platform.</p>
+
<div id="redbox"></div>
<div id="redbox"></div>
<div id="bluebox"></div>
<div id="bluebox"></div>

Revision as of 22:34, 16 May 2012

This is a paragraph.