font-weight: bold;
}
-li input {
+li input, li .input {
+ display: inline-block;
padding: .3em;
width: 22em;
font-size: 1em;
clear: both;
}
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 450px) {
body {
margin: 0;
padding: 0;
- width: 90%;
+ width: 100%;
+ font-size: 1.1em;
+ }
+
+ li {
+ margin-bottom: 1.4em;
}
- li input {
+ li input, li .input {
display: block;
width: 100%;
+ box-sizing: border-box;
}
li label {
text-align: left;
+ color: hsl(0, 0%, 23%);
}
li button {
width: 100%;
margin: 0;
}
+
+ hr {
+ display: none;
+ }
}