diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 4344b144..76d7652c 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,5 +1,6 @@ + @@ -8,20 +9,74 @@ +

Product Pick

-
- - -
+
+ + + + + + + + + + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+ +
+ + + +
diff --git a/Form-Controls/styles.css b/Form-Controls/styles.css index e69de29b..3e23a304 100644 --- a/Form-Controls/styles.css +++ b/Form-Controls/styles.css @@ -0,0 +1,41 @@ + +html{ + text-align: center; + +} +form{ + max-width: 500px; + margin: 2rem auto; + border: 2px solid black; + padding: 2rem; + border-radius: 10px; + box-shadow: 5px 10px rgb(104, 104, 210); +} + + +form label { + display: block; + padding: 1rem; + font-size: larger; +} + +input{ + display: block; + width: 100%; +} + +.options{ + display:flex; + justify-content: center; + border-bottom: 1px solid black; +} + +button{ + margin-top: 10px; + padding: 8px; + background-color: rgb(104, 104, 210); + font-family: 'Times New Roman', Times, serif; + font-size: larger; + border-radius: 10px; + color: white; +} \ No newline at end of file diff --git a/Two-Truths-One-Lie/ana.jpg b/Two-Truths-One-Lie/ana.jpg new file mode 100644 index 00000000..e154b93f Binary files /dev/null and b/Two-Truths-One-Lie/ana.jpg differ diff --git a/Two-Truths-One-Lie/index.html b/Two-Truths-One-Lie/index.html index 37cdbfa1..2f9e7d8c 100644 --- a/Two-Truths-One-Lie/index.html +++ b/Two-Truths-One-Lie/index.html @@ -1,24 +1,55 @@ - - - - Our Grid Project - - - - - - - -
-

Two Truths, One Lie

+ + + + + Flex + + + + + + + + +
+

Two Truths, One Lie

+

Can you guess which statement is false?

- +
+
+ mamudo-photo +

Mamu McGrath

+
+
+
    +
  1. I once represented Wales in a korfball tournament
    2. +
  2. I have an irrational fear of deer
    3. +
  3. The majority of my family live in Portugal
    4. +
+
+
+
+
+ ana +

Sally McGrath

+
+
+
    +
  1. I once represented Wales in a korfball tournament
    2. +
  2. I have an irrational fear of deer
    3. +
  3. The majority of my family live in Portugal
    4. +
+
+
+ +
- + + \ No newline at end of file diff --git a/Two-Truths-One-Lie/mamudo.png b/Two-Truths-One-Lie/mamudo.png new file mode 100644 index 00000000..377082fb Binary files /dev/null and b/Two-Truths-One-Lie/mamudo.png differ diff --git a/Two-Truths-One-Lie/styles.css b/Two-Truths-One-Lie/styles.css index b8e36944..d7158f2c 100644 --- a/Two-Truths-One-Lie/styles.css +++ b/Two-Truths-One-Lie/styles.css @@ -27,7 +27,50 @@ * write your names at the bottom * take a screenshot at laptop and Moto G4 device sizes in Devtools */ +html{ + background-color: rgb(71, 206, 71); + +} + +header, footer{ + text-align: center; +} + body { font: 100% "Poppins", sans-serif; } + +.container{ + background-color: rgb(183, 240, 183); + padding: 30px; + margin: 20px; + height: 350px; +} + +.details{ + display: flex; + width: 200px; + height: 200px; + object-fit:fill; +} + +.details img{ + width: 100%; + margin-right: 30px; +} + +.details p{ + margin: 0; + padding: 0; +} + +@media screen and (min-width:600px) { + + main{ + display: flex; + justify-content: center; + align-items: center; + height: 500px; + } +} \ No newline at end of file