From 163cd6922b6f338898fb081f592d80dbe09d59bc Mon Sep 17 00:00:00 2001
From: Laura Alvarez <laura.alvare@talosdigital.com>
Date: Mon, 8 Oct 2018 16:59:24 -0500
Subject: [PATCH 1/3] html/css updated for display exercise

---
 src/004-display/example/example.css | 96 ++++++++++++++++++++++++++++-
 src/004-display/example/index.html  | 14 ++---
 2 files changed, 102 insertions(+), 8 deletions(-)

diff --git a/src/004-display/example/example.css b/src/004-display/example/example.css
index 08fc34e..53473ec 100644
--- a/src/004-display/example/example.css
+++ b/src/004-display/example/example.css
@@ -1,5 +1,99 @@
 /*
  * Practice : Display
  * Version: 1
- * By: xxx
+ * By: Laura Alvarez
  */
+
+ * {
+ 	box-sizing: border-box;
+ }
+
+ .page-content {
+ 	max-width: 80%;
+ 	margin: auto;
+ }
+
+ h1 {
+ 	background-color: rgb(232,232,232);
+ 	margin: 0;
+ 	font-size: 3rem;
+ 	padding: 15px;
+ }
+
+ ul {
+ 	list-style: none;
+ 	list-style-type: none;
+ 	margin: 0;
+ 	padding-left: 10px;
+ 	overflow:hidden;
+ 	background-color: rgb(220,220,220);
+ 	line-height: 50px;
+ }
+
+ li {
+ 	float: left;
+ }
+
+ li a{
+ 	text-decoration: none;
+ 	padding: 5px;
+ }
+
+ .first-section {
+ 	display: flex;
+ 	background-color: rgb(232,232,232);
+ 	align-items: center;
+ 	flex-direction: column;
+ }
+
+ .first-section div {
+ 	width: 100%;
+ 	padding: 15px;
+ }
+
+ .table {
+ 	display: table;
+ 	width: 100%;
+ 	text-align: center;
+ }
+
+ .table-row {
+ 	display: table-row;
+ }
+
+ .table-row div{
+ 	display: table-cell;
+ 	background-color: rgb(220,220,220);
+ 	padding: 15px;
+ 	border: solid 1px #fff;
+ }
+
+ .content {
+ 	width: 100%;
+ 	padding: 20px;
+ 	background-color: rgb(232,232,232);
+ 	display: flex;
+ 	flex-direction: column;
+ }
+
+ .content div {
+ 	border: solid 1px red;
+ 	padding: 15px;
+ 	margin: 1% 1%;
+ }
+
+ @media screen and (min-width: 768px){
+ 	.first-section, 
+ 	.content{
+ 		flex-direction: row;
+ 		flex-wrap: wrap;
+ 	}
+ 	.first-section div{
+ 		width: 50%;
+ 	}
+
+ 	.content div{
+ 		width: 31.3333%;
+ 	}
+
+ }
\ No newline at end of file
diff --git a/src/004-display/example/index.html b/src/004-display/example/index.html
index 3db9b5e..a6104df 100644
--- a/src/004-display/example/index.html
+++ b/src/004-display/example/index.html
@@ -50,7 +50,7 @@ <h1>Lorem ipsum
           </ul>
         </div>
 
-        <div>
+        <div class="first-section">
           <div>
             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
@@ -58,30 +58,30 @@ <h1>Lorem ipsum
             nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit
             anim id est laborum.
           </div>
-          <div>
+          <div class="col2">
             Lorem ipsum dolor sit amet, consectetur adipisicing elit.
           </div>
         </div>
 
-        <div>
-          <div>
+        <div class="table">
+          <div class="table-row">
             <div>Table Header</div>
             <div>Table Header</div>
             <div>Table Header</div>
           </div>
-          <div>
+          <div class="table-row">
             <div>Table Cell</div>
             <div>Table Cell</div>
             <div>Table Cell</div>
           </div>
-          <div>
+          <div class="table-row">
             <div>Table Cell</div>
             <div>Table Cell</div>
             <div>Table Cell</div>
           </div>
         </div>
 
-        <div>
+        <div class="content">
           <div>
             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

From 2f4977bcc973e33af1792f166d80b55724175967 Mon Sep 17 00:00:00 2001
From: Laura Alvarez <laura.alvare@talosdigital.com>
Date: Wed, 10 Oct 2018 12:40:30 -0500
Subject: [PATCH 2/3] Updating h1 size

---
 src/004-display/example/example.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/004-display/example/example.css b/src/004-display/example/example.css
index 53473ec..1a827c9 100644
--- a/src/004-display/example/example.css
+++ b/src/004-display/example/example.css
@@ -16,7 +16,7 @@
  h1 {
  	background-color: rgb(232,232,232);
  	margin: 0;
- 	font-size: 3rem;
+ 	font-size: 2rem;
  	padding: 15px;
  }
 

From 4c32257769869ec1ab98c864edb85b71a82e8fd7 Mon Sep 17 00:00:00 2001
From: Laura Alvarez <laura.alvare@talosdigital.com>
Date: Wed, 10 Oct 2018 12:41:43 -0500
Subject: [PATCH 3/3] Removing list style line

---
 src/004-display/example/example.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/004-display/example/example.css b/src/004-display/example/example.css
index 1a827c9..4189863 100644
--- a/src/004-display/example/example.css
+++ b/src/004-display/example/example.css
@@ -22,7 +22,6 @@
 
  ul {
  	list-style: none;
- 	list-style-type: none;
  	margin: 0;
  	padding-left: 10px;
  	overflow:hidden;