diff --git a/src/004-display/example/example.css b/src/004-display/example/example.css
index 08fc34e..4189863 100644
--- a/src/004-display/example/example.css
+++ b/src/004-display/example/example.css
@@ -1,5 +1,98 @@
 /*
  * 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: 2rem;
+ 	padding: 15px;
+ }
+
+ ul {
+ 	list-style: 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