Skip to content

Commit 2c21a83

Browse files
committed
solve linter error
1 parent 4c14e71 commit 2c21a83

File tree

1 file changed

+49
-50
lines changed

1 file changed

+49
-50
lines changed

Source-Code/MemeGenerator/style.css

Lines changed: 49 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,51 @@
11
/* styles.css */
22
body {
3-
font-family: Arial, sans-serif;
4-
background-color: #f1f1f1;
5-
display: flex;
6-
justify-content: center;
7-
align-items: center;
8-
height: 100vh;
9-
margin: 0;
10-
}
11-
12-
.meme-container {
13-
text-align: center;
14-
background-color: #fff;
15-
padding: 20px;
16-
border-radius: 8px;
17-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
18-
width: 80%;
19-
max-width: 500px;
20-
}
21-
22-
h1 {
23-
color: #333;
24-
}
25-
26-
#meme-box img {
27-
width: 100%;
28-
height: auto;
29-
border-radius: 8px;
30-
margin: 20px 0;
31-
}
32-
33-
#meme-buttons button {
34-
background-color: #4CAF50;
35-
color: white;
36-
padding: 10px 20px;
37-
margin: 10px;
38-
border: none;
39-
border-radius: 5px;
40-
cursor: pointer;
41-
transition: background-color 0.3s;
42-
}
43-
44-
#meme-buttons button:hover {
45-
background-color: #45a049;
46-
}
47-
48-
#meme-buttons button:disabled {
49-
background-color: #ccc;
50-
cursor: not-allowed;
51-
}
52-
3+
font-family: Arial, sans-serif;
4+
background-color: #f1f1f1;
5+
display: flex;
6+
justify-content: center;
7+
align-items: center;
8+
height: 100vh;
9+
margin: 0;
10+
}
11+
12+
.meme-container {
13+
text-align: center;
14+
background-color: #fff;
15+
padding: 20px;
16+
border-radius: 8px;
17+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
18+
width: 80%;
19+
max-width: 500px;
20+
}
21+
22+
h1 {
23+
color: #333;
24+
}
25+
26+
#meme-box img {
27+
width: 100%;
28+
height: auto;
29+
border-radius: 8px;
30+
margin: 20px 0;
31+
}
32+
33+
#meme-buttons button {
34+
background-color: #4caf50;
35+
color: white;
36+
padding: 10px 20px;
37+
margin: 10px;
38+
border: none;
39+
border-radius: 5px;
40+
cursor: pointer;
41+
transition: background-color 0.3s;
42+
}
43+
44+
#meme-buttons button:hover {
45+
background-color: #45a049;
46+
}
47+
48+
#meme-buttons button:disabled {
49+
background-color: #ccc;
50+
cursor: not-allowed;
51+
}

0 commit comments

Comments
 (0)