Skip to content

Commit 46c4e88

Browse files
committed
style: made space between colour choices wider for accesibility
1 parent 5d1fad6 commit 46c4e88

2 files changed

Lines changed: 18 additions & 1 deletion

File tree

Form-Controls/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ <h1>Product Pick</h1>
3333
name="email"
3434
required>
3535
</div>
36-
<div>
36+
<div class="tshirt-colour">
3737
<legend>T-shirt Colour</legend>
3838
<div>
3939
<input type="radio" id="red" name="colour" value="red" required>

Form-Controls/style.css

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,21 @@ body {
77
}
88
div{
99
margin-bottom: 20px;
10+
11+
}
12+
.tshirt-colour{
13+
margin-bottom: 15px;
14+
display: centred;
15+
align-items: center;
16+
}
17+
input[type="radio"] {
18+
margin-right: 10px;
19+
width: 20px;
20+
height: 20px;
21+
cursor: pointer;
22+
}
23+
label{
24+
padding: 10px 0;
25+
display: inline-block;
26+
cursor: pointer;
1027
}

0 commit comments

Comments
 (0)