Skip to content

Commit 6530023

Browse files
JBritton2343JBritton2343
committed
button commit
1 parent f483efc commit 6530023

File tree

3 files changed

+22
-6
lines changed

3 files changed

+22
-6
lines changed

‎.learn/resets/13-Anchor-Like-Button/index.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width" />
6+
<link rel="stylesheet" type="text/css" href="./styles.css" />
7+
<title>13 Anchor Like Button</title>
8+
</head>
9+
<body>
10+
<a href="#" class="orange-btn">Beautiful Button</a>
11+
</body>
12+
</html>

‎exercises/12-Relative-Length-EM-REM/styles.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,15 @@
66
}
77

88
/* YOUR CODE BELOW THIS LINE */
9-
#my-first-div h2{
9+
#my-first-div h2 {
1010
font-size: 0.8em;
1111
}
12-
#my-second-div h2{
12+
#my-second-div h2 {
1313
font-size: 0.8em;
1414
}
15-
#my-first-div h3{
15+
#my-first-div h3 {
1616
font-size: 0.8rem;
1717
}
18-
#my-second-div h3{
18+
#my-second-div h3 {
1919
font-size: 0.8rem;
2020
}

‎exercises/13-Anchor-Like-Button/styles.css‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
.orange-btn {
2-
/*your code here*/
2+
padding: 10px;
3+
border-radius: 4px;
4+
background-color: orange;
5+
text-decoration: none;
6+
color: white;
37
}
48

59
.orange-btn:hover {
6-
/*YOUR CODE HERE FOR THE HOVER STATE*/
10+
background-color: darkorange;
711
}

0 commit comments

Comments
 (0)