From 715d33decf72082db58124af60d17cadda3c7d45 Mon Sep 17 00:00:00 2001 From: ashleijo Date: Mon, 22 Jan 2018 17:43:57 -0500 Subject: [PATCH 1/4] adding solution just using block elements --- index.html | 7 +++++-- styles.css | 41 +++++++++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index f74abbf..2cbeb35 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,9 @@ - +
+

Header

+

Placeholder

I was able to mow down the zombies in Kingsmouth faster with the new, barely any points character than I could with my elder Paladin-deck character. This time, ArenaNet decided to finally give us a glimpse on the final two races, Sylvari and Asura. While it’s sometimes tricky to figure out how tough things are, everything here drops QL 10 gear, which is the highest QL I’m aware of. The controls do everything you would expect, even allowing you to touch the characters and enemies you want to perform an action without forcing you to utilize old school menus.

Placeholder

Orcs, trolls, undead, cattle, space squid goats with gazelle legs - are you kidding me? One realm and one economy would make me curl up into the fetal position on my floor, muttering about competition for my flowers. A Hurricane battlecruiser and Buzzard are on d-scan in C2a, along with a tower, but I see no wrecks and no anomalies. I’ve thus been scouring the various GW2 fansites for the last week, trying to match up armour types, professions, and races. The hunter-type that has great knowledge of nature and wildlife around her. I hope I can fight with animals on my side.

+
- \ No newline at end of file + diff --git a/styles.css b/styles.css index e69de29..ffef89f 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,41 @@ +body { + background: white; + color: black; +} + +h1 { + text-align: center; + border-bottom-style: solid; + border-bottom-width: 2px; + margin-bottom: -2px; +} + +.flag { + right: 50%; + background: grey; + width: 40px; + text-align: center; + position: relative; +} + +.all { + box-sizing: border-box;; + border-style: solid; + border-width: 2px; + position: absolute; +} + +.left { + display: inline-block; + width: 49%; + border-right-style: solid; + border-right-width: 2px; + float: left; +} + +.right { + display: inline-block; + width: 49%; + margin-left: -2px; + float: right; +} From 6e8f7dbbe1a5b68912eeaaac2ff07e3f79ef7c14 Mon Sep 17 00:00:00 2001 From: ashleijo Date: Tue, 23 Jan 2018 10:00:24 -0500 Subject: [PATCH 2/4] tweaked box model solution for practice --- index.html | 4 ++-- styles.css | 14 +++++++++++++- 2 files changed, 15 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 2cbeb35..ff8c39c 100644 --- a/index.html +++ b/index.html @@ -7,8 +7,8 @@
-

Header

-

Placeholder

I was able to mow down the zombies in Kingsmouth faster with the new, barely any points character than I could with my elder Paladin-deck character. This time, ArenaNet decided to finally give us a glimpse on the final two races, Sylvari and Asura. While it’s sometimes tricky to figure out how tough things are, everything here drops QL 10 gear, which is the highest QL I’m aware of. The controls do everything you would expect, even allowing you to touch the characters and enemies you want to perform an action without forcing you to utilize old school menus.

Placeholder

Orcs, trolls, undead, cattle, space squid goats with gazelle legs - are you kidding me? One realm and one economy would make me curl up into the fetal position on my floor, muttering about competition for my flowers. A Hurricane battlecruiser and Buzzard are on d-scan in C2a, along with a tower, but I see no wrecks and no anomalies. I’ve thus been scouring the various GW2 fansites for the last week, trying to match up armour types, professions, and races. The hunter-type that has great knowledge of nature and wildlife around her. I hope I can fight with animals on my side.

+

Header

+

Placeholder

New!

I was able to mow down the zombies in Kingsmouth faster with the new, barely any points character than I could with my elder Paladin-deck character. This time, ArenaNet decided to finally give us a glimpse on the final two races, Sylvari and Asura. While it’s sometimes tricky to figure out how tough things are, everything here drops QL 10 gear, which is the highest QL I’m aware of. The controls do everything you would expect, even allowing you to touch the characters and enemies you want to perform an action without forcing you to utilize old school menus.

Placeholder

Orcs, trolls, undead, cattle, space squid goats with gazelle legs - are you kidding me? One realm and one economy would make me curl up into the fetal position on my floor, muttering about competition for my flowers. A Hurricane battlecruiser and Buzzard are on d-scan in C2a, along with a tower, but I see no wrecks and no anomalies. I’ve thus been scouring the various GW2 fansites for the last week, trying to match up armour types, professions, and races. The hunter-type that has great knowledge of nature and wildlife around her. I hope I can fight with animals on my side.

diff --git a/styles.css b/styles.css index ffef89f..c3bbb2a 100644 --- a/styles.css +++ b/styles.css @@ -15,7 +15,8 @@ h1 { background: grey; width: 40px; text-align: center; - position: relative; + margin-right: 14px; + top: 50px; } .all { @@ -39,3 +40,14 @@ h1 { margin-left: -2px; float: right; } + +.flag { + background-color: grey; + font-size: 13px; + font-weight: normal; + text-align: center; + width: 34px; + height: 18px; + padding: 8px 8px 8px 8px; + position: absolute; +} From c3d96adf17cbac4f463c4cfbc8e8199d47f34dad Mon Sep 17 00:00:00 2001 From: ashleijo Date: Wed, 24 Jan 2018 09:49:48 -0500 Subject: [PATCH 3/4] initial commit --- index.html | 2 +- styles.css | 60 +++++++++++++++++++++++++++++++----------------------- 2 files changed, 36 insertions(+), 26 deletions(-) diff --git a/index.html b/index.html index ff8c39c..aff0c8d 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@

Header

-

Placeholder

New!

I was able to mow down the zombies in Kingsmouth faster with the new, barely any points character than I could with my elder Paladin-deck character. This time, ArenaNet decided to finally give us a glimpse on the final two races, Sylvari and Asura. While it’s sometimes tricky to figure out how tough things are, everything here drops QL 10 gear, which is the highest QL I’m aware of. The controls do everything you would expect, even allowing you to touch the characters and enemies you want to perform an action without forcing you to utilize old school menus.

Placeholder

Orcs, trolls, undead, cattle, space squid goats with gazelle legs - are you kidding me? One realm and one economy would make me curl up into the fetal position on my floor, muttering about competition for my flowers. A Hurricane battlecruiser and Buzzard are on d-scan in C2a, along with a tower, but I see no wrecks and no anomalies. I’ve thus been scouring the various GW2 fansites for the last week, trying to match up armour types, professions, and races. The hunter-type that has great knowledge of nature and wildlife around her. I hope I can fight with animals on my side.

+

Placeholder

New!

I was able to mow down the zombies in Kingsmouth faster with the new, barely any points character than I could with my elder Paladin-deck character. This time, ArenaNet decided to finally give us a glimpse on the final two races, Sylvari and Asura. While it’s sometimes tricky to figure out how tough things are, everything here drops QL 10 gear, which is the highest QL I’m aware of. The controls do everything you would expect, even allowing you to touch the characters and enemies you want to perform an action without forcing you to utilize old school menus.

Placeholder

Orcs, trolls, undead, cattle, space squid goats with gazelle legs - are you kidding me? One realm and one economy would make me curl up into the fetal position on my floor, muttering about competition for my flowers. A Hurricane battlecruiser and Buzzard are on d-scan in C2a, along with a tower, but I see no wrecks and no anomalies. I’ve thus been scouring the various GW2 fansites for the last week, trying to match up armour types, professions, and races. The hunter-type that has great knowledge of nature and wildlife around her. I hope I can fight with animals on my side.

diff --git a/styles.css b/styles.css index c3bbb2a..2a0fa3c 100644 --- a/styles.css +++ b/styles.css @@ -5,49 +5,59 @@ body { h1 { text-align: center; + font-size: 36px; + margin-top: 13px; + margin-bottom: 13px; +} + +.header { + flex-basis: 100%; + order: -1; + align-items: flex-start; border-bottom-style: solid; border-bottom-width: 2px; - margin-bottom: -2px; } .flag { - right: 50%; - background: grey; - width: 40px; + background-color: grey; + font-size: 13px; + font-weight: normal; text-align: center; - margin-right: 14px; - top: 50px; + width: 34px; + height: 18px; + margin: 0px -20px 0px 0px; + padding: 8px 8px 8px 8px; + float: right; } .all { - box-sizing: border-box;; + display: inline-flex; + flex-direction: row; + flex-wrap: wrap; border-style: solid; border-width: 2px; position: absolute; } .left { - display: inline-block; - width: 49%; - border-right-style: solid; - border-right-width: 2px; - float: left; + order: 0; + width: 50%; + box-sizing: border-box; + padding-left: 20px; + padding-right: 20px; + margin-right: -1px; } .right { - display: inline-block; - width: 49%; - margin-left: -2px; - float: right; + order: 2; + width: 50%; + box-sizing: border-box; + padding-left: 20px; + padding-right: 20px; + margin-left: -1px; } -.flag { - background-color: grey; - font-size: 13px; - font-weight: normal; - text-align: center; - width: 34px; - height: 18px; - padding: 8px 8px 8px 8px; - position: absolute; +.middle { + background-color: black; + width: 2px; } From 38bc95107429115a35371b7eb884f962dedf039a Mon Sep 17 00:00:00 2001 From: ashleijo Date: Wed, 24 Jan 2018 10:44:08 -0500 Subject: [PATCH 4/4] bem naming --- index.html | 2 +- styles.css | 14 +++++++------- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index aff0c8d..4588d66 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@

Header

-

Placeholder

New!

I was able to mow down the zombies in Kingsmouth faster with the new, barely any points character than I could with my elder Paladin-deck character. This time, ArenaNet decided to finally give us a glimpse on the final two races, Sylvari and Asura. While it’s sometimes tricky to figure out how tough things are, everything here drops QL 10 gear, which is the highest QL I’m aware of. The controls do everything you would expect, even allowing you to touch the characters and enemies you want to perform an action without forcing you to utilize old school menus.

Placeholder

Orcs, trolls, undead, cattle, space squid goats with gazelle legs - are you kidding me? One realm and one economy would make me curl up into the fetal position on my floor, muttering about competition for my flowers. A Hurricane battlecruiser and Buzzard are on d-scan in C2a, along with a tower, but I see no wrecks and no anomalies. I’ve thus been scouring the various GW2 fansites for the last week, trying to match up armour types, professions, and races. The hunter-type that has great knowledge of nature and wildlife around her. I hope I can fight with animals on my side.

+

Placeholder

New!

I was able to mow down the zombies in Kingsmouth faster with the new, barely any points character than I could with my elder Paladin-deck character. This time, ArenaNet decided to finally give us a glimpse on the final two races, Sylvari and Asura. While it’s sometimes tricky to figure out how tough things are, everything here drops QL 10 gear, which is the highest QL I’m aware of. The controls do everything you would expect, even allowing you to touch the characters and enemies you want to perform an action without forcing you to utilize old school menus.

Placeholder

Orcs, trolls, undead, cattle, space squid goats with gazelle legs - are you kidding me? One realm and one economy would make me curl up into the fetal position on my floor, muttering about competition for my flowers. A Hurricane battlecruiser and Buzzard are on d-scan in C2a, along with a tower, but I see no wrecks and no anomalies. I’ve thus been scouring the various GW2 fansites for the last week, trying to match up armour types, professions, and races. The hunter-type that has great knowledge of nature and wildlife around her. I hope I can fight with animals on my side.

diff --git a/styles.css b/styles.css index 2a0fa3c..0b2174f 100644 --- a/styles.css +++ b/styles.css @@ -39,8 +39,7 @@ h1 { position: absolute; } -.left { - order: 0; +.block { width: 50%; box-sizing: border-box; padding-left: 20px; @@ -48,12 +47,13 @@ h1 { margin-right: -1px; } -.right { +.block--left-paragraph { + order: 0; + margin-right: -1px; +} + +.block--right-paragraph { order: 2; - width: 50%; - box-sizing: border-box; - padding-left: 20px; - padding-right: 20px; margin-left: -1px; }