add background style

simoneas02 · simoneas02 · commit 426d673dc5ef · 2019-07-16T11:00:02.000-03:00
diff --git a/apps/localStorage-and-event-delegation/assets/img/food.jpg b/apps/localStorage-and-event-delegation/assets/img/food.jpg
diff --git a/apps/localStorage-and-event-delegation/assets/style/index.css b/apps/localStorage-and-event-delegation/assets/style/index.css
@@ -12,6 +12,8 @@ body {
 .container {
   width: 100%;
   height: 100%;
+  background: #353638 no-repeat url(../img/food.jpg);
+  background-size: cover;
   font-family: 'Roboto Condensed', sans-serif;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
@@ -20,18 +22,22 @@ body {
   align-items: center;
   justify-content: center;
   flex-direction: column;
+  padding-right: 10%;
 }
 
 .content {
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
   border-radius: 5px;
-  padding: 20px;
+  padding: 20px 20px;
   max-width: 350px;
+  width: 100%;
+  height: 400px;
   background: rgba(255, 255, 255, 0.95);
-  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+  align-self: end;
+  margin-right: 5%;
+  border: 0.5px solid #d3dcd5;
 }
 
 .content__title {
diff --git a/apps/localStorage-and-event-delegation/index.html b/apps/localStorage-and-event-delegation/index.html
@@ -63,7 +63,7 @@
   <body>
     <div class="container">
       <div class="content">
-        <h1 class="content__title">JS Study Track</h1>
+        <h1 class="content__title">Fancy foods</h1>
 
         <ul class="list">
           <li class="list__item">Loading...</li>
