lani/fxl.codes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Responsiveness for kicks

Browse Source
This commit is contained in:
Lani Aung
2016-04-22 10:24:57 -07:00
parent 364555d49e
commit 5d45a272ce
1 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/main.css
+25 -15
View File
@@ -3,19 +3,7 @@
License: none (public domain) License: none (public domain)
*/ */
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
@@ -24,8 +12,7 @@ time, mark, audio, video {
vertical-align: baseline; vertical-align: baseline;
} }
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
footer, header, hgroup, menu, nav, section {
display: block; display: block;
} }
body { body {
@@ -95,3 +82,26 @@ a {
visibility: hidden; visibility: hidden;
} }
} }
@media (max-width: 800px) {
header,
footer {
font-size: 80px;
}
section {
margin-left: 6em;
}
}
@media (max-width: 550px) {
header,
footer {
font-size: 50px;
}
section {
font-size: .9em;
margin-left: 3em;
}
}