Combined Rules

Minimage · Minimage · commit bb383a62e8d6 · 2022-03-04T11:57:41.000Z
diff --git a/.learn/resets/04.1-Combined-Rules/index.html b/.learn/resets/04.1-Combined-Rules/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>
+			04 Combined Rules
+		</title>
+	</head>
+
+	<body>
+		<div class="myBox">Hello!</div>
+	</body>
+</html>
diff --git a/.learn/resets/04.3-id-Selector/index.html b/.learn/resets/04.3-id-Selector/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>
+			04.3 ID selector
+		</title>
+	</head>
+
+	<body>
+		<span>I should look like a button</span>
+	</body>
+</html>
diff --git a/exercises/04.1-Combined-Rules/index.html b/exercises/04.1-Combined-Rules/index.html
@@ -2,9 +2,7 @@
 <html>
 	<head>
 		<link rel="stylesheet" type="text/css" href="./styles.css" />
-		<title>
-			04 Combined Rules
-		</title>
+		<title>04 Combined Rules</title>
 	</head>
 
 	<body>
diff --git a/exercises/04.1-Combined-Rules/styles.css b/exercises/04.1-Combined-Rules/styles.css
@@ -1,14 +1,10 @@
 .myBox {
 	width: 50px;
 	height: 50px;
-	padding-top: 10px;
-	padding-left: 30px;
-	padding-right: 190px;
-	padding-bottom: 50px;
+	padding: 10px 190px 50px 30px;
 
-    background: rgb(189, 189, 189);
-	background-image: url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/baby.jpg?raw=true);
-	background-position-x: 100px;
-	background-repeat: no-repeat;
+	background: rgb(189, 189, 189)
+		url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/baby.jpg?raw=true)
+		100px no-repeat;
 	background-size: contain;
 }
