File tree Expand file tree Collapse file tree 1 file changed +49
-50
lines changed
Source-Code/MemeGenerator Expand file tree Collapse file tree 1 file changed +49
-50
lines changed Original file line number Diff line number Diff line change 11/* styles.css */
22body {
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+ }
You can’t perform that action at this time.
0 commit comments