Skip to content

Commit 32f0983

Browse files
authored
Update README.md
1 parent ac1ba88 commit 32f0983

File tree

1 file changed

+7
-9
lines changed

1 file changed

+7
-9
lines changed

exercises/13-Anchor-Like-Button/README.md

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,22 @@
11
# `13` Anchor Like Button
22

3-
Anchors are not only used within text- when you are going to use anchors outside text, it is better to make them look like buttons for a more user-friendly experience.
3+
Anchors are not only used within text: when you are going to use anchors outside text, it is better to make them look like buttons for a more user-friendly experience.
44

55
## 📝 Instructions:
66

7-
1. Make it look like a box: Set `padding` to `10px`.
7+
1. Make it look like a box: set `padding` to `10px`.
88

9-
2. Rounded borders: Set `border-radius` to `4px`.
9+
2. Rounded borders: set `border-radius` to `4px`.
1010

1111
3. The background should be `orange` when not hovered, and `darkorange` on hover (`:hover`).
1212

13-
4. Find and apply the color: Use the color picker to find the color and apply make the background to that color.
13+
4. Remove underline: Set `text-decoration` to `none`.
1414

15-
5. Remove underline: Set `text-decoration` to `none`.
15+
5. Set the color of the text to `white`.
1616

17-
6. Set the color of the text to `white`.
17+
+ *To make the button look different when the user hovers over with the mouse, we use the `:hover` selector: https://www.w3schools.com/cssref/sel_hover.php*
1818

19-
*To make the button look different when the user hovers over with the mouse, we use the `:hover` selector: https://www.w3schools.com/cssref/sel_hover.php*
20-
21-
7. Inside of the `:hover` selector change the background of the button to `#cc7a00`.
19+
6. Inside of the `:hover` selector change the background of the button to `darkorange`.
2220

2321
## Expected result:
2422

0 commit comments

Comments
 (0)