diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/css/styles.css b/css/styles.css
index e69de29..bd3c810 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -0,0 +1,89 @@
+/*Styles*/
+*{ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+ font-family: Helvetica,
+ sans-serif;
+}
+section{
+ float: left;
+ margin: 1%;
+ position: relative;
+ padding: 50px 10px 10px 10px;
+ border: 1px solid black;
+}
+h1{
+ margin: 2%;
+ text-align: center;
+ font-size: 1.80em;
+
+}
+section > h2{
+ position:absolute;
+ top: 0;
+ right: 0;
+ width: 30%;
+ padding: 10px;
+ margin: 0;
+ border-left: 1px solid black;
+ border-bottom: 1px solid black;
+ text-align: center;
+ font-size: 1.25em;
+}
+#section1,#section2,#section3{
+ background-color: #CCC9C3;
+}
+
+#section1 > h2{
+ background-color: orange;
+}
+#section2 >h2 {
+ background-color: red;
+}
+#section3 >h2 {
+ background-color: green;
+}
+/*Desktop*/
+@media (min-width: 992px) {
+
+
+ /* Dividido entre 12/4 */
+ #section1 {
+ width: 31.3%;
+ }
+ #section2{
+ width: 31.3%;
+ }
+ #section3{
+ width: 31.3%;
+ }
+}
+/*Tablet*/
+@media (min-width: 768px) and (max-width: 991px) {
+
+ #section1 {
+ width: 48%;
+ }
+
+ #section2 {
+ width: 48%;
+ }
+
+ #section3 {
+ width: 98%;
+ }
+}
+/*Mobile Version*/
+@media (max-width: 767px) {
+ #section1 {
+ width: 98%;
+ }
+
+ #section2 {
+ width:98%;
+ }
+
+ #section3 {
+ width: 98%;
+ }
+}
diff --git a/index.html b/index.html
index 922b6d3..b6a0d99 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,24 @@
mod2_solution
+
- Hello world!
+
+
+
+ Chicken
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+
+
+ Beef
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+
+
+ Sushi
+ Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+
+
+