Skip to content

Commit 2a4170b

Browse files
committed
Add styling for comic viewer and button
1 parent 5a88cd1 commit 2a4170b

File tree

1 file changed

+43
-0
lines changed

1 file changed

+43
-0
lines changed

fetch/programmer-humour/style.css

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
text-align: center;
4+
background-color: #f4f4f4;
5+
margin: 0;
6+
padding: 20px;
7+
}
8+
9+
h1 {
10+
color: #333;
11+
}
12+
13+
#comic-container {
14+
margin-top: 20px;
15+
}
16+
17+
.comic-title {
18+
font-weight: bold;
19+
font-size: 1.2rem;
20+
margin-bottom: 10px;
21+
}
22+
23+
#comic-container img {
24+
max-width: 100%;
25+
height: auto;
26+
border: 2px solid #ccc;
27+
border-radius: 8px;
28+
}
29+
30+
button {
31+
margin-top: 20px;
32+
padding: 10px 15px;
33+
font-size: 1rem;
34+
background-color: #0078d4;
35+
color: white;
36+
border: none;
37+
border-radius: 6px;
38+
cursor: pointer;
39+
}
40+
41+
button:hover {
42+
background-color: #005a9e;
43+
}

0 commit comments

Comments
 (0)