diff --git a/index.html b/index.html index 7adb86b74034f6348f26be28af438eb5e4371b49..4cd76bd4bf99302fc2c8b92b666f73f4c7747505 100644 --- a/index.html +++ b/index.html @@ -13,15 +13,20 @@ body { background-color: rgb(102, 98, 109); - display: flex; + } + + div { + background-color: rgb(255, 233, 125); + height: 100%; + width: 75%; + max-width: 800px; + margin: 0 auto; } article { font-family: 'Open Sans', sans-serif; background-color: rgb(255, 233, 125); padding: 0.5em; - margin: 0 auto; - width: 55%; } p { @@ -38,146 +43,163 @@ span.highlighted { background-position: -100% } + + @media screen and (max-width: 900px) { + div { + width: initial; + } + + h1 { + font-size: 1.6em; + } + + p { + font-size: 1.3em; + } + } -
-

- This - is - 99% - invisible, - I'm - Roman - Mars. -

-

- The - five - basic - principles - of - flag - design -

-

- The - five - basic - principles - of - flag - design - according - to the - North American - Vexillological - (Vex-illo-logical. - It's the - extra - 'lol' - that makes - it sound - weird) - Association. - Vexillology - is the - study of - flags. -

-

- Number - one. - Keep - it simple. -

-

- The flag - should be - so simple - that a - child - can draw it - from memory. - Before I - moved to - Chicago, - in 2005, - I didn't - even - know cities - had - their own - flags. - "Most - larger - cities - have - flags." - Well I didn't - know that. - That's Ted K., - by the way, - flag expert, - totally awesome - guy. - "I'm - the editor - of - a - scholarly - journal - on - flags - called - 'Raven: - A - Journal - of Vexillology'" - And that - first city flag - I discovered in Chicago - is a beaut: - a white - field, - two light - blue - horizontal - stripes, - and - four - six-pointed - red - stars - across - the middle. -

-

- Number - two: - Use - meaningful - symbolism. -

-

- The - blue - stripes - represent - the water, - the lake, and the rivers. - The - red - stars - represent - significant - events - in - Chicago's - history. -

-
+
+
+

+ This + is + 99% + invisible, + I'm + Roman + Mars. +

+

+ The + five + basic + principles + of + flag + design +

+

+ The + five + basic + principles + of + flag + design + according + to the + North American + Vexillological + (Vex-illo-logical. + It's the + extra + 'lol' + that makes + it sound + weird) + Association. + Vexillology + is the + study of + flags. +

+

+ Number + one. + Keep + it simple. +

+

+ The flag + should be + so simple + that a + child + can draw it + from memory. + Before I + moved to + Chicago, + in 2005, + I didn't + even + know cities + had + their own + flags. + "Most + larger + cities + have + flags." + Well I didn't + know that. + That's Ted K., + by the way, + flag expert, + totally awesome + guy. + "I'm + the editor + of + a + scholarly + journal + on + flags + called + 'Raven: + A + Journal + of Vexillology'" + And that + first city flag + I discovered in Chicago + is a beaut: + a white + field, + two light + blue + horizontal + stripes, + and + four + six-pointed + red + stars + across + the middle. +

+

+ Number + two: + Use + meaningful + symbolism. +

+

+ The + blue + stripes + represent + the water, + the lake, and the rivers. + The + red + stars + represent + significant + events + in + Chicago's + history. +

+
+