Skip to content

Commit c387df0

Browse files
djmears-devdjmears-dev
committed
Formatted both html and css using prettier
1 parent d64e17a commit c387df0

2 files changed

Lines changed: 44 additions & 54 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 40 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,65 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8" />
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<title>My form exercise</title>
77
<meta name="description" content="" />
88
<meta name="viewport" content="width=device-width, initial-scale=1" />
9-
<link rel="stylesheet" href="style.css">
9+
<link rel="stylesheet" href="style.css" />
1010
</head>
1111
<body>
12-
1312
<main>
14-
<h1>Product Pick</h1>
13+
<h1>Product Pick</h1>
1514
<form>
16-
1715
<label for="name">Customer Name:</label>
1816

19-
<input
20-
type="text"
21-
id="name"
22-
name="name"
23-
required
24-
pattern=".*\S.{1,}.*"
25-
>
26-
<br><br>
27-
<label for="email">Email Address:</label>
17+
<input
18+
type="text"
19+
id="name"
20+
name="name"
21+
required
22+
pattern=".*\S.{1,}.*"
23+
/>
24+
<br /><br />
25+
<label for="email">Email Address:</label>
2826

29-
<input
30-
type="email"
31-
id="email"
32-
name="email"
33-
required
34-
>
35-
<br><br>
36-
<label for="colour">T-Shirt Colour:</label>
27+
<input type="email" id="email" name="email" required />
28+
<br /><br />
29+
<label for="colour">T-Shirt Colour:</label>
3730

38-
<select id="colour" name="colour" required>
39-
<option value="">Select a colour</option>
40-
<option value="black">Black</option>
41-
<option value="white">White</option>
42-
<option value="blue">Yellow</option>
31+
<select id="colour" name="colour" required>
32+
<option value="">Select a colour</option>
33+
<option value="black">Black</option>
34+
<option value="white">White</option>
35+
<option value="blue">Yellow</option>
36+
</select>
37+
<br /><br />
38+
<p>T-Shirt Size:</p>
39+
<br />
40+
<div class="sizes">
41+
<input type="radio" id="xs" name="size" value="XS" required />
42+
<label for="xs">XS</label>
4343

44-
</select>
45-
<br><br>
46-
<p>T-Shirt Size:</p>
47-
<br>
48-
<div class="sizes">
44+
<input type="radio" id="s" name="size" value="S" />
45+
<label for="s">S</label>
4946

50-
<input type="radio" id="xs" name="size" value="XS" required>
51-
<label for="xs">XS</label>
47+
<input type="radio" id="m" name="size" value="M" />
48+
<label for="m">M</label>
5249

53-
<input type="radio" id="s" name="size" value="S">
54-
<label for="s">S</label>
50+
<input type="radio" id="l" name="size" value="L" />
51+
<label for="l">L</label>
5552

56-
<input type="radio" id="m" name="size" value="M">
57-
<label for="m">M</label>
53+
<input type="radio" id="xl" name="size" value="XL" />
54+
<label for="xl">XL</label>
5855

59-
<input type="radio" id="l" name="size" value="L">
60-
<label for="l">L</label>
61-
62-
<input type="radio" id="xl" name="size" value="XL">
63-
<label for="xl">XL</label>
64-
65-
<input type="radio" id="xxl" name="size" value="XXL">
66-
<label for="xxl">XXL</label>
67-
68-
</div>
69-
<br><br>
70-
<button type="submit">Place Order</button>
56+
<input type="radio" id="xxl" name="size" value="XXL" />
57+
<label for="xxl">XXL</label>
58+
</div>
59+
<br /><br />
60+
<button type="submit">Place Order</button>
7161
</form>
7262
<p>By Dan Mears</p>
7363
</main>
74-
7564
</body>
7665
</html>

‎Form-Controls/style.css‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,12 +32,13 @@ main {
3232
h1 {
3333
text-align: center;
3434
margin-bottom: 25px;
35-
color: #ff4f87;
35+
color: #d81b60;
3636
}
3737

3838
/* Labels */
3939
label,
4040
p {
41+
color: #333333
4142
font-weight: 500;
4243
margin-bottom: 8px;
4344
display: block;
@@ -77,8 +78,8 @@ button {
7778
padding: 14px;
7879
border: none;
7980
border-radius: 12px;
80-
background: #ff4f87;
81-
color: white;
81+
background: #d81b60;
82+
color: #ffffff;
8283
font-size: 16px;
8384
font-weight: 600;
8485
cursor: pointer;

0 commit comments

Comments
 (0)