diff --git a/subjects/pimp-my-style/README.md b/subjects/pimp-my-style/README.md
index 5b128535..bf08fff4 100644
--- a/subjects/pimp-my-style/README.md
+++ b/subjects/pimp-my-style/README.md
@@ -5,7 +5,7 @@
Check out that button on the HTML page:
```html
-
pimp my style
+pimp my style
```
For now, it's only a lonely, basic and sad element ; let's pimp it up!
@@ -20,19 +20,19 @@ Write the body of that function so that the button's class is altered:
```
Example for a `styles` array with only 3 classes:
-Page load -->
+Page load -->
...adding
-Click 1 -->
-Click 2 -->
+Click 1 -->
+Click 2 -->
...toggling `unpimp`
-Click 3 -->
+Click 3 -->
...and removing backwards
-Click 4 -->
-Click 5 -->
-Click 6 -->
+Click 4 -->
+Click 5 -->
+Click 6 -->
```
### Notions
diff --git a/subjects/pimp-my-style/index.html b/subjects/pimp-my-style/index.html
index 3a78c049..7c12d1ae 100644
--- a/subjects/pimp-my-style/index.html
+++ b/subjects/pimp-my-style/index.html
@@ -34,9 +34,12 @@ body {
padding: 2.5rem 0;
}
-div {
+button {
user-select: none;
letter-spacing: 0;
+ color: white;
+ outline: none;
+ border: none;
}
.button:first-letter {
@@ -50,7 +53,6 @@ div {
.button {
background: var(--background);
font-family: serif;
- cursor: pointer;
width: 70%;
text-align: center;
}
@@ -167,7 +169,7 @@ import { pimp } from './pimp-my-style.js'
const body = document.querySelector('body')
-const button = document.createElement('div')
+const button = document.createElement('button')
button.className = 'button'
button.textContent = 'pimp my style'
body.append(button)