Skip to content

Commit 919fac9

Browse files
Tobias-AmaechinaTobias-Amaechina
committed
adding CSS internal style at the head section for the HTml elements
1 parent 5e7ec28 commit 919fac9

1 file changed

Lines changed: 53 additions & 0 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,59 @@
66
<title>My form exercise</title>
77
<meta name="description" content="" />
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<style>
10+
body {
11+
font-family: system-ui, sans-serif;
12+
padding: 1rem;
13+
line-height: 1.5;
14+
}
15+
form {
16+
max-width: 500px;
17+
margin: auto;
18+
}
19+
fieldset {
20+
border: none;
21+
padding: 0;
22+
margin: 1.5rem;
23+
}
24+
label {
25+
display: block;
26+
margin-bottom: 0.5rem;
27+
font-weight: 600;
28+
}
29+
input, select button{
30+
width: 100%;
31+
padding:12px;
32+
font-size: 1rem;
33+
min-height: 48px;
34+
box-sizing: border-box;
35+
}
36+
small {
37+
display: block;
38+
margin-top: 0.25rem;
39+
color: #666;
40+
}
41+
button {
42+
padding: 0.75rem 1.5rem;
43+
font-size: 1rem;
44+
background-color: #007BFF;
45+
color: white;
46+
border: none;
47+
cursor: pointer;
48+
}
49+
button:hover {
50+
background-color: #0056b3;
51+
}
52+
header, footer {
53+
text-align: center;
54+
margin-bottom: 2rem;
55+
}
56+
footer p {
57+
font-size: 0.875rem;
58+
color: #666;
59+
}
60+
61+
</style>
962
</head>
1063
<body>
1164
<header>

0 commit comments

Comments
 (0)