Skip to content

Commit 298806c

Browse files
authored
Update style.css for JavaScript Quiz App (#152)
Made the app responsive so that it doesnt look messy in mobile or tablet devices or in smaller screens
1 parent 33efa1d commit 298806c

File tree

1 file changed

+25
-1
lines changed

1 file changed

+25
-1
lines changed

Javascript Quiz App/style.css

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,4 +49,28 @@ body{
4949
background-color: blue;
5050

5151
color: brown;
52-
}
52+
}
53+
54+
@media all and (max-width: 700px) {
55+
56+
#quesBox {
57+
font-size: 16px;
58+
font-weight: bold;
59+
}
60+
.row > label {
61+
font-size: 12px;
62+
}
63+
64+
#box {
65+
width: 70%;
66+
height : 350px;
67+
}
68+
}
69+
70+
@media all and (max-width: 350px) {
71+
72+
#box {
73+
width: 80%;
74+
height : 400px;
75+
}
76+
}

0 commit comments

Comments
 (0)