From 8d384331a1cf286a2c4612b307fce3b9363cd016 Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Wed, 20 Sep 2017 21:32:07 -0400 Subject: [PATCH 01/12] add all markup and begin positioning --- README.md | 2 ++ index.html | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 130 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/README.md b/README.md index f5895e0b..74df1aa7 100644 --- a/README.md +++ b/README.md @@ -3,3 +3,5 @@ assignment_markup_warmup_sprint And 1 and 2! And 1, and 2...! [An HTM5 and CSS3 project from the Viking Code School](http://www.vikingcodeschool.com) + +Steve Frazee!!! diff --git a/index.html b/index.html new file mode 100644 index 00000000..9238e1a3 --- /dev/null +++ b/index.html @@ -0,0 +1,65 @@ + + + + + + + + + +
+

The Lorem Micro Blog

+

by Foo Bar

+
+ + +
+

A Posty Post

+

Written 1/1/2000

+

Be it resolved

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+ +
+

Another Posty Post

+

Written 1/2/2000

+

Only thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+ +
+

A Most Posty Post

+

Written 1/3/2000

+

First thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+ +

Additional thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+ +
+ Check out my vertically centered ad! + +
+ + + + + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 00000000..6b068464 --- /dev/null +++ b/styles.css @@ -0,0 +1,63 @@ +/*******CSS RESET********/ + +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 { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/*************************************************************************************/ + +div { + border: 1px solid black; + width: 15%; + float: right; +} + + +footer { + clear: both; +} + +header { + text-align: center; + width: 45%; +} From 3ea3486211f9dd4a40fa3720b8f729944ba56442 Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Wed, 20 Sep 2017 21:49:59 -0400 Subject: [PATCH 02/12] add flexbox layout --- index.html | 70 +++++++++++++++++++++++++++--------------------------- styles.css | 35 +++++++++++++++++++++++---- 2 files changed, 66 insertions(+), 39 deletions(-) diff --git a/index.html b/index.html index 9238e1a3..6a21dd79 100644 --- a/index.html +++ b/index.html @@ -14,44 +14,44 @@

The Lorem Micro Blog

by Foo Bar

+
+
+ Check out my vertically centered ad! + +
+ +
+

A Posty Post

+

Written 1/1/2000

+

Be it resolved

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
-
-

A Posty Post

-

Written 1/1/2000

-

Be it resolved

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -

-
- -
-

Another Posty Post

-

Written 1/2/2000

-

Only thoughts...

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -

-
- -
-

A Most Posty Post

-

Written 1/3/2000

-

First thoughts...

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -

- -

Additional thoughts...

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -

-
+
+

Another Posty Post

+

Written 1/2/2000

+

Only thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
-
- Check out my vertically centered ad! - -
+
+

A Most Posty Post

+

Written 1/3/2000

+

First thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+

Additional thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+

diff --git a/styles.css b/styles.css index 6b068464..0514db7b 100644 --- a/styles.css +++ b/styles.css @@ -46,18 +46,45 @@ table { /*************************************************************************************/ +nav { + height: 60px; +} + +nav h1 { + margin: 15px; +} + div { border: 1px solid black; - width: 15%; - float: right; + /*width: 15%; + float: right;*/ +} + +section { + display: flex; +} + +.A { + order: 1; +} + +.B { + order: 2; } +.C { + order: 3; +} -footer { +.D { + order: 4; +} + +/*footer { clear: both; } header { text-align: center; width: 45%; -} +}*/ From abd8c3b1b0ee7fdb98a019fc68fb11315481327b Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Fri, 22 Sep 2017 21:33:31 -0400 Subject: [PATCH 03/12] create all elements without positioning --- floats.html | 39 ++++++++++++++++++++++++++++++++++++++ index.html | 25 ++++++++++++++----------- styles.css | 54 +++++++++++++++++++++++++++++++++-------------------- 3 files changed, 87 insertions(+), 31 deletions(-) create mode 100644 floats.html diff --git a/floats.html b/floats.html new file mode 100644 index 00000000..1445b61a --- /dev/null +++ b/floats.html @@ -0,0 +1,39 @@ + + + + + + + + + + +

+
+
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/index.html b/index.html index 6a21dd79..5d7ccba8 100644 --- a/index.html +++ b/index.html @@ -9,38 +9,41 @@

The Lorem Micro Blog

+
+

The Lorem Micro Blog

-

by Foo Bar

+
by Foo Bar
+ +
+ Check out my vertically centered ad! + +
+
- Check out my vertically centered ad! - -
- -

A Posty Post

-

Written 1/1/2000

+
Written 1/1/2000

Be it resolved

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
+

Another Posty Post

-

Written 1/2/2000

+
Written 1/2/2000

Only thoughts...

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

-
+

A Most Posty Post

-

Written 1/3/2000

+
Written 1/3/2000

First thoughts...

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. diff --git a/styles.css b/styles.css index 0514db7b..162ef78f 100644 --- a/styles.css +++ b/styles.css @@ -48,43 +48,57 @@ table { nav { height: 60px; + width: 100%; + border: 1px solid black; + background-color: yellow; } nav h1 { margin: 15px; } -div { - border: 1px solid black; - /*width: 15%; - float: right;*/ +.fixed { + height: 60px; + margin: 5px; } -section { - display: flex; +header { + width: 60%; + background-color: lightgreen; + text-align: center; + border: 1px solid black; + border-radius: 5px; + margin: 5px; } -.A { - order: 1; +section { + width: 60%; + } -.B { - order: 2; +div { + overflow: hidden; } -.C { - order: 3; +.A, .B, .C { + width: 25%; + height: 300px; + background-color: lightblue; + margin: 15px; + padding: 20px; + border: 2px solid black; } -.D { - order: 4; +h2, h6 { + text-align: center; + margin: 3px 0; } -/*footer { - clear: both; +h3 { + margin: 20px 0; + font-weight: bold; } -header { - text-align: center; - width: 45%; -}*/ +.post-two { + padding: 5px; +} From 4dad9c625ab48cf3b891320e0c7f991278da46f9 Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Sat, 23 Sep 2017 11:45:25 -0400 Subject: [PATCH 04/12] style ad and footer, no positioning --- ad.jpg | Bin 0 -> 51047 bytes index.html | 90 ++++++++++++++++++++++++++++------------------------- styles.css | 76 +++++++++++++++++++++++++++++++++++--------- 3 files changed, 110 insertions(+), 56 deletions(-) create mode 100644 ad.jpg diff --git a/ad.jpg b/ad.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0e6f2f4a41d0ef2414086d08673291613c0174aa GIT binary patch literal 51047 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 5d7ccba8..f6fd8530 100644 --- a/index.html +++ b/index.html @@ -11,56 +11,62 @@

The Lorem Micro Blog

-
-

The Lorem Micro Blog

-
by Foo Bar
-
+
+
+
+

Check out my vertically centered ad!

+ hairless +
+
+
+

The Lorem Micro Blog

+
by Foo Bar
+
-
- Check out my vertically centered ad! - -
-
-
-

A Posty Post

-
Written 1/1/2000
-

Be it resolved

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -

-
+
+
+

A Posty Post

+
Written 1/1/2000
+

Be it resolved

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
-
-

Another Posty Post

-
Written 1/2/2000
-

Only thoughts...

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -

-
+
+

Another Posty Post

+
Written 1/2/2000
+

Only thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+ + +
+

A Most Posty Post

+
Written 1/3/2000
+

First thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

-
-

A Most Posty Post

-
Written 1/3/2000
-

First thoughts...

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -

-

Additional thoughts...

+

Additional thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+ +

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + This copywrited telecast is presented by authority of the Office of the Commissioner of Blogging. It may not be reproduced or retransmitted in any form, and the accounts and descriptions of this game may not be disseminated, without express written consent.

-
-
- -
-

- This copywrited telecast is presented by authority of the Office of the Commissioner of Blogging. It may not be reproduced or retransmitted in any form, and the accounts and descriptions of this game may not be disseminated, without express written consent. -

-
+
+ diff --git a/styles.css b/styles.css index 162ef78f..898715d3 100644 --- a/styles.css +++ b/styles.css @@ -46,11 +46,21 @@ table { /*************************************************************************************/ +main { + max-width: 990px; +} + +/****************************** +NAV BAR +******************************/ nav { - height: 60px; + height: 50px; width: 100%; border: 1px solid black; background-color: yellow; + position: fixed; + top: 0; + z-index: 1; } nav h1 { @@ -62,31 +72,68 @@ nav h1 { margin: 5px; } + +/****************************** +Advertisment +******************************/ + +.ad { + height: 600px; + width: 20%; + padding: 15px; + background: pink; + border: 2px solid black; + text-align: center; + position: relative; +} + +img { + height: 40%; + width: 80%; + margin-top: 20px; +} + +.vertical-align { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); +} + +/****************************** +FOOTER +******************************/ + +footer { + background-color: lightblue; + padding: 3px 7px; + border-radius: 5px; + border: 2px solid black; + margin: 10px 10px 0; +} + header { width: 60%; background-color: lightgreen; text-align: center; - border: 1px solid black; + border: 2px solid black; border-radius: 5px; margin: 5px; } section { width: 60%; - } -div { - overflow: hidden; -} .A, .B, .C { - width: 25%; - height: 300px; - background-color: lightblue; - margin: 15px; padding: 20px; + margin: 10px; + width: 30%; + height: 250px; + background-color: lightblue; border: 2px solid black; + overflow: hidden; } h2, h6 { @@ -94,11 +141,12 @@ h2, h6 { margin: 3px 0; } -h3 { - margin: 20px 0; +h2 { + font-size: 1.15em; font-weight: bold; } -.post-two { - padding: 5px; +h3 { + margin: 20px 0; + font-weight: bold; } From 61f986f0added1db8f2df94ec5806b4bb0d93eab Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Sat, 23 Sep 2017 12:17:14 -0400 Subject: [PATCH 05/12] position content --- index.html | 48 +++++++++++++++++++++++------------------------- styles.css | 41 +++++++++++++++++++++++++++++------------ 2 files changed, 52 insertions(+), 37 deletions(-) diff --git a/index.html b/index.html index f6fd8530..e931dd70 100644 --- a/index.html +++ b/index.html @@ -19,17 +19,22 @@

The Lorem Micro Blog

-
-

The Lorem Micro Blog

-
by Foo Bar
-
+
+
+

The Lorem Micro Blog

+
by Foo Bar
+
+ +
+

A Most Posty Post

+
Written 1/3/2000
+

First thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

-
-
-

A Posty Post

-
Written 1/1/2000
-

Be it resolved

+

Additional thoughts...

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

@@ -44,28 +49,21 @@

Only thoughts...

- -
-

A Most Posty Post

-
Written 1/3/2000
-

First thoughts...

+
+

A Posty Post

+
Written 1/1/2000
+

Be it resolved

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
- -

Additional thoughts...

+

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + This copywrited telecast is presented by authority of the Office of the Commissioner of Blogging. It may not be reproduced or retransmitted in any form, and the accounts and descriptions of this game may not be disseminated, without express written consent.

-
+
- -
-

- This copywrited telecast is presented by authority of the Office of the Commissioner of Blogging. It may not be reproduced or retransmitted in any form, and the accounts and descriptions of this game may not be disseminated, without express written consent. -

-
diff --git a/styles.css b/styles.css index 898715d3..4c41f7b5 100644 --- a/styles.css +++ b/styles.css @@ -46,8 +46,23 @@ table { /*************************************************************************************/ +/****************************** +POSITIONING +******************************/ + main { max-width: 990px; + margin: 0 auto; +} + +.ad, header, .A, .B, .C{ + display: inline-block; +} + +section { + width: 70%; + border: 1px solid black; + float: right; } /****************************** @@ -78,7 +93,7 @@ Advertisment ******************************/ .ad { - height: 600px; + height: 400px; width: 20%; padding: 15px; background: pink; @@ -106,30 +121,32 @@ FOOTER footer { background-color: lightblue; - padding: 3px 7px; + padding: 1% 2%; border-radius: 5px; border: 2px solid black; - margin: 10px 10px 0; + margin-top: 1%; + width: 95%; } +/****************************** +HEADER +******************************/ + header { - width: 60%; + width: 95%; background-color: lightgreen; text-align: center; border: 2px solid black; border-radius: 5px; - margin: 5px; -} - -section { - width: 60%; + margin-bottom: 1%; + padding: 1.5%; } .A, .B, .C { - padding: 20px; - margin: 10px; - width: 30%; + padding: 3%; + margin: 1%; + width: 23%; height: 250px; background-color: lightblue; border: 2px solid black; From 86abc94cb3e7d33ec3634b4275a10e1c2301e26e Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Sat, 23 Sep 2017 13:18:09 -0400 Subject: [PATCH 06/12] resize ad within div --- styles.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/styles.css b/styles.css index 4c41f7b5..fb9ddc19 100644 --- a/styles.css +++ b/styles.css @@ -94,8 +94,8 @@ Advertisment .ad { height: 400px; - width: 20%; - padding: 15px; + width: 25%; + /*padding: 15px;*/ background: pink; border: 2px solid black; text-align: center; @@ -103,12 +103,13 @@ Advertisment } img { - height: 40%; - width: 80%; + height: 60%; + width: 90%; margin-top: 20px; } .vertical-align { + width: 80%; position: absolute; top: 50%; left: 50%; From 88b3b14d0d62e958c5b938c15de298de5d52d73e Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Sat, 23 Sep 2017 14:12:59 -0400 Subject: [PATCH 07/12] finalize sizing with exact pixels --- index.html | 2 +- styles.css | 73 ++++++++++++++++++++++++++++++++++-------------------- 2 files changed, 47 insertions(+), 28 deletions(-) diff --git a/index.html b/index.html index e931dd70..4762bed8 100644 --- a/index.html +++ b/index.html @@ -40,7 +40,7 @@

Additional thoughts...

-
+

Another Posty Post

Written 1/2/2000

Only thoughts...

diff --git a/styles.css b/styles.css index fb9ddc19..a38c9e49 100644 --- a/styles.css +++ b/styles.css @@ -44,6 +44,7 @@ table { border-spacing: 0; } + /*************************************************************************************/ /****************************** @@ -60,8 +61,7 @@ main { } section { - width: 70%; - border: 1px solid black; + width: 792px; float: right; } @@ -80,6 +80,8 @@ nav { nav h1 { margin: 15px; + font-weight: 600; + font-size: 1.1em; } .fixed { @@ -93,9 +95,8 @@ Advertisment ******************************/ .ad { - height: 400px; - width: 25%; - /*padding: 15px;*/ + height: 440px; + width: 190px; background: pink; border: 2px solid black; text-align: center; @@ -109,7 +110,7 @@ img { } .vertical-align { - width: 80%; + width: 90%; position: absolute; top: 50%; left: 50%; @@ -117,54 +118,72 @@ img { } /****************************** -FOOTER +HEADER ******************************/ -footer { - background-color: lightblue; - padding: 1% 2%; - border-radius: 5px; +header { + width: 768px; + padding: 10px; + margin-bottom: 7px; + background-color: lightgreen; border: 2px solid black; - margin-top: 1%; - width: 95%; + border-radius: 15px; + text-align: center; +} + +header h1 { + margin-bottom: 10px; + font-size: 1.2em; + font-weight: bold; +} + +header h6 { + font-style: italic; } /****************************** -HEADER +FOOTER ******************************/ -header { - width: 95%; - background-color: lightgreen; - text-align: center; +footer { + width: 768px; + padding: 5px 10px; + margin-top: 1%; + background-color: lightblue; border: 2px solid black; - border-radius: 5px; - margin-bottom: 1%; - padding: 1.5%; + border-radius: 23px; } +/****************************** +POSTS +******************************/ .A, .B, .C { - padding: 3%; - margin: 1%; - width: 23%; - height: 250px; + width: 232.6px; + height: auto; + padding: 10px; background-color: lightblue; border: 2px solid black; overflow: hidden; + vertical-align: top; +} + +.post-margin { + margin: 0 7px; } h2, h6 { text-align: center; - margin: 3px 0; + /*margin: 3px 0;*/ } h2 { + margin-bottom: 5px; font-size: 1.15em; font-weight: bold; } h3 { - margin: 20px 0; + margin: 20px 0 15px; font-weight: bold; } From 9f7afdc6891454af45a3142cea315245b354c94c Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Sat, 23 Sep 2017 16:11:27 -0400 Subject: [PATCH 08/12] change width values to percentages --- index.html | 6 ++++-- styles.css | 13 ++++++------- 2 files changed, 10 insertions(+), 9 deletions(-) diff --git a/index.html b/index.html index 4762bed8..cd287d29 100644 --- a/index.html +++ b/index.html @@ -45,7 +45,7 @@

Another Posty Post

Written 1/2/2000

Only thoughts...

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

@@ -54,7 +54,9 @@

A Posty Post

Written 1/1/2000

Be it resolved

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

diff --git a/styles.css b/styles.css index a38c9e49..28eb7157 100644 --- a/styles.css +++ b/styles.css @@ -61,7 +61,7 @@ main { } section { - width: 792px; + width: 80%; float: right; } @@ -96,7 +96,7 @@ Advertisment .ad { height: 440px; - width: 190px; + width: 19%; background: pink; border: 2px solid black; text-align: center; @@ -122,7 +122,7 @@ HEADER ******************************/ header { - width: 768px; + width: 97%; padding: 10px; margin-bottom: 7px; background-color: lightgreen; @@ -146,9 +146,9 @@ FOOTER ******************************/ footer { - width: 768px; + width: 97%; padding: 5px 10px; - margin-top: 1%; + margin-top: 7px; background-color: lightblue; border: 2px solid black; border-radius: 23px; @@ -159,7 +159,7 @@ POSTS ******************************/ .A, .B, .C { - width: 232.6px; + width: 29%; height: auto; padding: 10px; background-color: lightblue; @@ -174,7 +174,6 @@ POSTS h2, h6 { text-align: center; - /*margin: 3px 0;*/ } h2 { From d193f8172305fda614c6466b27f87a1dc5481e3c Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Sat, 23 Sep 2017 20:28:13 -0400 Subject: [PATCH 09/12] finalize all positioning, except B and C posts --- index.html | 1 + media-query-styles.css | 3 + styles.css | 142 ++++++++++++++++++++++++++++++----------- 3 files changed, 109 insertions(+), 37 deletions(-) create mode 100644 media-query-styles.css diff --git a/index.html b/index.html index cd287d29..9b312d35 100644 --- a/index.html +++ b/index.html @@ -49,6 +49,7 @@

Only thoughts...

+

A Posty Post

Written 1/1/2000
diff --git a/media-query-styles.css b/media-query-styles.css new file mode 100644 index 00000000..e90f9089 --- /dev/null +++ b/media-query-styles.css @@ -0,0 +1,3 @@ +@media (min-width: 990px) { + +} diff --git a/styles.css b/styles.css index 28eb7157..002d4e0c 100644 --- a/styles.css +++ b/styles.css @@ -44,8 +44,8 @@ table { border-spacing: 0; } - -/*************************************************************************************/ +/************************************************************************************* +*************************************************************************************/ /****************************** POSITIONING @@ -89,34 +89,6 @@ nav h1 { margin: 5px; } - -/****************************** -Advertisment -******************************/ - -.ad { - height: 440px; - width: 19%; - background: pink; - border: 2px solid black; - text-align: center; - position: relative; -} - -img { - height: 60%; - width: 90%; - margin-top: 20px; -} - -.vertical-align { - width: 90%; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%,-50%); -} - /****************************** HEADER ******************************/ @@ -141,17 +113,32 @@ header h6 { font-style: italic; } + /****************************** -FOOTER +Advertisment ******************************/ -footer { - width: 97%; - padding: 5px 10px; - margin-top: 7px; - background-color: lightblue; +.ad { + height: 440px; + width: 19%; + background: pink; border: 2px solid black; - border-radius: 23px; + text-align: center; + position: relative; +} + +img { + height: 60%; + width: 90%; + margin-top: 20px; +} + +.vertical-align { + width: 90%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); } /****************************** @@ -186,3 +173,84 @@ h3 { margin: 20px 0 15px; font-weight: bold; } + +/****************************** +FOOTER +******************************/ + +footer { + width: 97%; + padding: 5px 10px; + margin-top: 7px; + background-color: lightblue; + border: 2px solid black; + border-radius: 23px; +} + + +/****************************** +MEDIA QUERIES +******************************/ +@media (max-width: 990px) { + body { + background-color: red; + } + + main { + max-width: 720px; + margin: 0 auto; + } + + /************************** + HEADER / NAV QUERIES + **************************/ + + header { + width: 100%; + border-radius: 0; + } + + .fixed { + height: 51px; + margin: 0; + } + + .ad, header, .A, .B, .C { + display: block; + } + + .ad { + display: none; + } + + section { + float: none; + width: auto; + } + + /****************************** + POST QUERIES + ******************************/ + + .B, .C { + /*width: 44%;*/ + /*margin: 0 5px;*/ + display: inline-block; + } + + .A { + width: 100%; + margin: 15px auto; + } + + /****************************** + FOOTER QUERIES + ******************************/ + + footer { + width: 100%; + margin: 0 auto; + border-radius: 0; + } + +} From 79d61d128ebf1c67ddb067121d6a296f06b9b07c Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Sat, 23 Sep 2017 21:18:05 -0400 Subject: [PATCH 10/12] finalize post position, make issues clear in comments --- styles.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 002d4e0c..223d30d8 100644 --- a/styles.css +++ b/styles.css @@ -225,7 +225,7 @@ MEDIA QUERIES section { float: none; - width: auto; + width: 100%; } /****************************** @@ -233,7 +233,7 @@ MEDIA QUERIES ******************************/ .B, .C { - /*width: 44%;*/ + width: 45%; /*margin: 0 5px;*/ display: inline-block; } @@ -243,6 +243,14 @@ MEDIA QUERIES margin: 15px auto; } + /*** + My 2 primary issues are evenly centering posts B and C in the section. I need to use very specific widths to get them to dislpay somewhat evenly. When I do that it very quickly becomes too wide as the screen becomes thinner. Post B moves to below post C because it is too wide. + + This problem occurs if I use floats or if I use inline-block display. I put the max-width at 720px because that is what the mockup given seems to be at. + + I think flex-box will solve this, although there may be a problem going from the 3 column layout to the 2 column layout. + */ + /****************************** FOOTER QUERIES ******************************/ From 2070bb459873a67440ffa300688adb0eeccdee82 Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Sun, 24 Sep 2017 16:34:29 -0400 Subject: [PATCH 11/12] position posts and consider it done --- floats.html | 39 --------------------------------------- media-query-styles.css | 3 --- styles.css | 20 +++++++------------- 3 files changed, 7 insertions(+), 55 deletions(-) delete mode 100644 floats.html delete mode 100644 media-query-styles.css diff --git a/floats.html b/floats.html deleted file mode 100644 index 1445b61a..00000000 --- a/floats.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - -
-
-
-
-
-
-
-
-
- - - - \ No newline at end of file diff --git a/media-query-styles.css b/media-query-styles.css deleted file mode 100644 index e90f9089..00000000 --- a/media-query-styles.css +++ /dev/null @@ -1,3 +0,0 @@ -@media (min-width: 990px) { - -} diff --git a/styles.css b/styles.css index 223d30d8..184aeb79 100644 --- a/styles.css +++ b/styles.css @@ -192,9 +192,6 @@ footer { MEDIA QUERIES ******************************/ @media (max-width: 990px) { - body { - background-color: red; - } main { max-width: 720px; @@ -233,9 +230,14 @@ MEDIA QUERIES ******************************/ .B, .C { - width: 45%; - /*margin: 0 5px;*/ + width: 40%; display: inline-block; + margin-left: 5px; + } + + .B { + position: relative; + left: 90px; } .A { @@ -243,14 +245,6 @@ MEDIA QUERIES margin: 15px auto; } - /*** - My 2 primary issues are evenly centering posts B and C in the section. I need to use very specific widths to get them to dislpay somewhat evenly. When I do that it very quickly becomes too wide as the screen becomes thinner. Post B moves to below post C because it is too wide. - - This problem occurs if I use floats or if I use inline-block display. I put the max-width at 720px because that is what the mockup given seems to be at. - - I think flex-box will solve this, although there may be a problem going from the 3 column layout to the 2 column layout. - */ - /****************************** FOOTER QUERIES ******************************/ From c268656ae9d83d72d66245ed6a586c53af590b07 Mon Sep 17 00:00:00 2001 From: Steven Frazee Date: Mon, 25 Sep 2017 22:13:06 -0400 Subject: [PATCH 12/12] add flexbox to media query --- index.html | 61 +++++++++++++++++++++++++++--------------------------- styles.css | 22 +++++++++++++------- 2 files changed, 45 insertions(+), 38 deletions(-) diff --git a/index.html b/index.html index 9b312d35..f24e813a 100644 --- a/index.html +++ b/index.html @@ -25,40 +25,41 @@

The Lorem Micro Blog

by Foo Bar
-
-

A Most Posty Post

-
Written 1/3/2000
-

First thoughts...

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -

+
+
+

A Most Posty Post

+
Written 1/3/2000
+

First thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

-

Additional thoughts...

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -

-
- -
-

Another Posty Post

-
Written 1/2/2000
-

Only thoughts...

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. -

-
+

Additional thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+
+

Another Posty Post

+
Written 1/2/2000
+

Only thoughts...

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+
-
-

A Posty Post

-
Written 1/1/2000
-

Be it resolved

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. -

+
+

A Posty Post

+
Written 1/1/2000
+

Be it resolved

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+