Skip to content

Commit 76ba171

Browse files
authored
Add styles for form controls in index.html
Added CSS styles for form layout and elements.
1 parent 8fb3ab3 commit 76ba171

1 file changed

Lines changed: 36 additions & 0 deletions

File tree

Form-Controls/index.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,43 @@
66
<title>My form exercise</title>
77
<meta name="description" content="" />
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
10+
<style>
11+
body {
12+
font-family: Arial, sans-serif;
13+
margin: 20px;
14+
}
15+
16+
form {
17+
max-width: 400px;
18+
}
19+
20+
label {
21+
display: block;
22+
margin-bottom: 5px;
23+
font-weight: bold;
24+
}
25+
26+
input[type="text"],
27+
input[type="email"],
28+
select {
29+
width: 100%;
30+
padding: 8px;
31+
margin-bottom: 15px;
32+
box-sizing: border-box;
33+
}
34+
35+
fieldset {
36+
margin-bottom: 15px;
37+
}
38+
39+
button {
40+
padding: 10px 20px;
41+
}
42+
</style>
943
</head>
44+
45+
1046
<body>
1147
<header>
1248
<h1>Product Pick</h1>

0 commit comments

Comments
 (0)