fix

melnychukJS · Feb 20, 2016 · 282aa87 · 282aa87
1 parent 728d58b
commit 282aa87
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/html/index.html b/html/index.html
@@ -25,7 +25,9 @@
 		<div class="piggybank">
 			<span class="saved">You are 20€ of reaching your goal!</span>
 			<div class="piggy">
-				<div class="amount"><span class="odometer" id="value">0</span>% complete!</div>
+				<div class="amount">
+					<span class="odometer" id="value">0</span>% <br>complete!
+				</div>
 			</div>
 			<span class="goal">Your goal: <b>20.000€</b></span>
 		</div>

diff --git a/html/pig.png b/html/pig.png
diff --git a/html/stylesheet.css b/html/stylesheet.css
@@ -24,12 +24,14 @@
 .piggybank > .piggy{
 	margin-left: 10px;
 	margin-top: 50px;
-	width: 300px;
+	width: 320px;
 	height: 300px;
-	border: 1px solid black;
-	-webkit-border-radius: 99999px;
+	background-image: url(pig.png);
+	background-size: 320px;
+	background-repeat: no-repeat;
 	text-align: center;
 	font-size: 40px;
+	background-position-y: 52px;
 }
 .piggy > .amount{
 	position: relative;
@@ -64,3 +66,6 @@
 .pure-table{
 	border: none !important;
 }
+#value{
+	color: rgb(6, 108, 104);
+}