From bb26e3536dc326d8ed28038f59450b895d2db84c Mon Sep 17 00:00:00 2001 From: itsdevinci Date: Tue, 30 Jan 2018 06:53:05 -0800 Subject: [PATCH] Box Model --- index-flex.html | 0 index.html | 7 +++++++ styles-flex.css | 0 styles.css | 30 ++++++++++++++++++++++++++++++ 4 files changed, 37 insertions(+) create mode 100644 index-flex.html create mode 100644 styles-flex.css diff --git a/index-flex.html b/index-flex.html new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html index f74abbf..2565bd8 100644 --- a/index.html +++ b/index.html @@ -7,5 +7,12 @@ +

Header

+ +
+ +

Placeholder

New!

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci dolores fugiat, culpa nemo eveniet odit doloremque soluta cum reprehenderit corrupti natus possimus eum delectus itaque architecto blanditiis nulla ullam distinctio?

Placeholder

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci dolores fugiat, culpa nemo eveniet odit doloremque soluta cum reprehenderit corrupti natus possimus eum delectus itaque architecto blanditiis nulla ullam distinctio?
+
\ No newline at end of file diff --git a/styles-flex.css b/styles-flex.css new file mode 100644 index 0000000..e69de29 diff --git a/styles.css b/styles.css index e69de29..4161487 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,30 @@ +body { + margin: 0; +} +header { + text-align: center; + width: 100%; + border: solid 3px; + box-sizing:border-box; +} +#flag { + + top:102px; + right: 50.3%; + position: fixed; + background: grey; + padding:5; +} +.container { + display: inline-block; + width: 100%; + box-sizing: border-box; +} +.box { + display: inline-block; + padding:10; + width: 50%; + height: 200px; + border: solid 3px; + box-sizing: border-box; +} \ No newline at end of file