diff --git a/week-3/23-comments/index.html b/week-3/23-comments/index.html index 110a5027..e516b099 100644 --- a/week-3/23-comments/index.html +++ b/week-3/23-comments/index.html @@ -32,6 +32,11 @@

Our t-shirts are amazing!

Add your comments and let us know what you think!

+
+ + + +
diff --git a/week-3/24-dietary/index.html b/week-3/24-dietary/index.html index 5593174b..4ba424fc 100644 --- a/week-3/24-dietary/index.html +++ b/week-3/24-dietary/index.html @@ -20,6 +20,14 @@

Codi Summit

+
+ Please select all of your dietary requirements: +
+
+
+
+ +
diff --git a/week-3/25-shirt-size/index.html b/week-3/25-shirt-size/index.html index 9e4d606f..220d737f 100644 --- a/week-3/25-shirt-size/index.html +++ b/week-3/25-shirt-size/index.html @@ -29,7 +29,14 @@

Your Shopping Basket

- Medium +
+ + +
1 diff --git a/week-3/25-shirt-size/styles.css b/week-3/25-shirt-size/styles.css index f2831578..0fb5e411 100644 --- a/week-3/25-shirt-size/styles.css +++ b/week-3/25-shirt-size/styles.css @@ -1 +1,8 @@ /* Add your CSS below */ + +.screenreader { + clip: rect(1px, 1px, 1px, 1px); + position: absolute !important; + left: -2000px; + display: none; +} diff --git a/week-3/26-checkout-groups/index.html b/week-3/26-checkout-groups/index.html index 66513ddd..785dd005 100644 --- a/week-3/26-checkout-groups/index.html +++ b/week-3/26-checkout-groups/index.html @@ -38,7 +38,27 @@

Your Shopping Basket

Checkout

+
+ Billing Address + + + + + + +
+ +
+ Delivery Address + + + + + + + +
diff --git a/week-3/27-attributes/index.html b/week-3/27-attributes/index.html index e54fd838..8d0d34d9 100644 --- a/week-3/27-attributes/index.html +++ b/week-3/27-attributes/index.html @@ -42,7 +42,7 @@

Checkout

Billing Address

- +

@@ -50,18 +50,18 @@

Checkout

- +

- +

Delivery Address

- +

@@ -73,15 +73,27 @@

Checkout

type="text" name="delivery-address-postcode" id="delivery-address-postcode" + required />

- +

- +

Delivery Options @@ -91,6 +103,8 @@

Checkout

name="delivery-option" id="delivery-option" value="standard" + disabled + checked /> Royal Mail diff --git a/week-3/27-attributes/readme.md b/week-3/27-attributes/readme.md index ce1f9549..805fe5e9 100644 --- a/week-3/27-attributes/readme.md +++ b/week-3/27-attributes/readme.md @@ -20,3 +20,6 @@ You should not be able to type anything in the Country field. And the delivery o **Extra Credit** What's the difference between `readonly` and `disabled`? See if you can understand this [question and answer](https://stackoverflow.com/questions/7730695/whats-the-difference-between-disabled-disabled-and-readonly-readonly-for-ht). + +readonly: the user will be unable to edit it but can copy it and the field will be active +disabled: the user will be unable to do any action also the field will be inactive diff --git a/week-3/28-git-conflict/styles.css b/week-3/28-git-conflict/styles.css index af46a4f7..ec446843 100644 --- a/week-3/28-git-conflict/styles.css +++ b/week-3/28-git-conflict/styles.css @@ -1,6 +1,6 @@ /* Add your own CSS code below */ .link { - color: orangered; + color: fuchsia; font-weight: 700; text-decoration: none; }