Skip to content

Commit 5787169

Browse files
authored
Update style.css
found that the code was not well formatted. so added to desired break and white spaces to make it more readable.
1 parent 359e624 commit 5787169

File tree

1 file changed

+18
-12
lines changed

1 file changed

+18
-12
lines changed

Age Calculator/style.css

Lines changed: 18 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
*{
22
margin:0;
33
padding:0;
4-
box-sizing:border-box;
5-
font-family:cursive;
4+
box-sizing:border-box;
5+
font-family:cursive;
66
}
7+
78
.container{
89
display:flex;
910
width:600px;
@@ -16,37 +17,41 @@
1617
background-color:darkslateblue;
1718
box-shadow:8px 8px black;
1819
color:white;
19-
padding:5% 0%;
20+
padding:5% 0%;
2021
}
22+
2123
#currDate{
2224
font-size:40px;
2325
margin:20px;
2426
font-weight:bold;
2527
}
28+
2629
input{
2730
font-size:20px;
2831
padding:15px;
2932
margin:20px;
30-
text-align:center;
33+
text-align:center;
3134
border-radius:20px;
3235
border:1px solid yellow;
3336
cursor:pointer;
3437
}
38+
3539
button{
3640
font-size:20px;
3741
padding:10px 20px;
3842
border-radius:10px;
3943
border:none;
4044
background-color:yellow;
41-
color:black;
42-
margin:20px;
43-
text-transform: uppercase;
44-
font-weight:bold;
45-
cursor:pointer;
45+
color:black;
46+
margin:20px;
47+
text-transform: uppercase;
48+
font-weight:bold;
49+
cursor:pointer;
4650
}
51+
4752
button:hover{
4853
background-color:white;
49-
color:blue;
54+
color:blue;
5055
}
5156

5257
#displayAge{
@@ -60,11 +65,12 @@ color:blue;
6065
position:absolute;
6166
top:19%;
6267
left:30%;
63-
visibility: hidden;
68+
visibility: hidden;
6469
}
70+
6571
#age{
6672
color:white;
6773
font-size:50px;
6874
margin:20px;
6975
font-weight:bold;
70-
}
76+
}

0 commit comments

Comments
 (0)