Anchor Like Button

Minimage · Minimage · commit e3fe0658f2c9 · 2022-03-06T18:46:31.000Z
diff --git a/.learn/resets/13-Anchor-Like-Button/index.html b/.learn/resets/13-Anchor-Like-Button/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width" />
+		<link rel="stylesheet" type="text/css" href="./styles.css" />
+		<title>13 Anchor Like Button</title>
+	</head>
+	<body>
+		<a href="#" class="orange-btn">Beautiful Button</a>
+	</body>
+</html>
diff --git a/exercises/13-Anchor-Like-Button/index.html b/exercises/13-Anchor-Like-Button/index.html
@@ -6,6 +6,7 @@
 		<link rel="stylesheet" type="text/css" href="./styles.css" />
 		<title>13 Anchor Like Button</title>
 	</head>
+
 	<body>
 		<a href="#" class="orange-btn">Beautiful Button</a>
 	</body>
diff --git a/exercises/13-Anchor-Like-Button/styles.css b/exercises/13-Anchor-Like-Button/styles.css
@@ -1,7 +1,13 @@
 .orange-btn {
-	/*your code here*/
+	box-sizing: border-box;
+	text-decoration: none;
+	padding: 10px;
+	border-radius: 4px;
+	background-color: rgb(255, 196, 86);
+	color: white;
 }
 
 .orange-btn:hover {
 	/*YOUR CODE HERE FOR THE HOVER STATE*/
+	background-color: rgb(241, 170, 37);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,13 @@`
`1`	`1`	`.orange-btn {`
`2`		`- /your code here/`
	`2`	`+ box-sizing: border-box;`
	`3`	`+ text-decoration: none;`
	`4`	`+ padding: 10px;`
	`5`	`+ border-radius: 4px;`
	`6`	`+ background-color: rgb(255, 196, 86);`
	`7`	`+ color: white;`
`3`	`8`	`}`
`4`	`9`
`5`	`10`	`.orange-btn:hover {`
`6`	`11`	`/YOUR CODE HERE FOR THE HOVER STATE/`
	`12`	`+ background-color: rgb(241, 170, 37);`
`7`	`13`	`}`