Skip to content

Commit 3fd68c0

Browse files
committed
add css styling for quote generator layout
1 parent 6a6b2c9 commit 3fd68c0

1 file changed

Lines changed: 33 additions & 0 deletions

File tree

Sprint-3/quote-generator/style.css

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,34 @@
11
/** Write your CSS in here **/
2+
body {
3+
background-color: orange;
4+
font-family: Arial, sans-serif;
5+
display: flex;
6+
justify-content: center;
7+
align-items: center;
8+
height: 100vh;
9+
}
10+
11+
main {
12+
background: white;
13+
padding: 40px;
14+
max-width: 600px;
15+
text-align: center;
16+
}
17+
18+
#quote {
19+
font-size: 24px;
20+
margin-bottom: 20px;
21+
}
22+
23+
#author {
24+
margin-bottom: 20px;
25+
font-style: italic;
26+
}
27+
28+
button {
29+
background-color: orange;
30+
color: white;
31+
border: none;
32+
padding: 10px 20px;
33+
cursor: pointer;
34+
}

0 commit comments

Comments
 (0)