commit a303a382978542a44e049006b4739af176c6be23 Author: CherryKitten Date: Wed Sep 28 09:22:57 2022 +0200 Add Responsive Web Design Survey Form diff --git a/01. (New) Responsive Web Design/01. Survey Form/index.html b/01. (New) Responsive Web Design/01. Survey Form/index.html new file mode 100644 index 0000000..0e80735 --- /dev/null +++ b/01. (New) Responsive Web Design/01. Survey Form/index.html @@ -0,0 +1,49 @@ + + + + Pokémon Survey + + + + + + + +

Pokémon Survey

+

Please fill out!

+
+ + + + + + + + +
+ + \ No newline at end of file diff --git a/01. (New) Responsive Web Design/01. Survey Form/styles.css b/01. (New) Responsive Web Design/01. Survey Form/styles.css new file mode 100644 index 0000000..3c135fa --- /dev/null +++ b/01. (New) Responsive Web Design/01. Survey Form/styles.css @@ -0,0 +1,28 @@ +body{ + background: url("https://wallpapercave.com/wp/NCJgtUD.jpg"); + text-align: center; +} + +form{ + background: linear-gradient(90deg, rgb(0, 255, 0), rgb(255, 0, 0), rgb(0, 0, 255)); + opacity: 0.75; + text-align: left; + margin: auto; + padding: 20px; + width: 50%; + max-width: 500px; + min-width: 300px; +} + +label, input, select, textarea{ + display: block; + margin: 10px 0; + width: 100%; +} + + +input[type="radio"], input[type="checkbox"]{ + display: inline; + margin: auto 5px; + width: 25px; +} \ No newline at end of file