From cd4426dd20a16cb4112ee7c6b396c4d8eff1e8db Mon Sep 17 00:00:00 2001 From: Ksenia Litovkina Date: Tue, 31 Jan 2023 22:03:46 +0100 Subject: [PATCH 1/2] add html and css --- iron-comments/index.html | 16 ++++++++++++-- iron-comments/styles/style.css | 39 +++++++++++++++++++++++++++++++++- 2 files changed, 52 insertions(+), 3 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 415101d..895a780 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -11,8 +11,20 @@ -
- Name: Email: Comment: Receive email updates? Submit + + + + + + + + + + + + + +
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1a9004d..026c4f9 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -2,10 +2,47 @@ body { padding: 0; margin: 0; padding-top: 100px; - width: 100vw; + width: 100vw; + background-color: rgb(25, 33, 41); } #form-container { margin: auto; } + +.form { + color: rgb(255,255,255); + width: 250px; + border: 3px solid rgb(67, 163, 230); + border-radius: 2%; + padding: 20px; + box-sizing: border-box; +} + +.form label { + margin: 3px 0; + display: block; +} + +.formInput { + width: 85%; +} + +#comment { + height: 150px; +} + +.labelUpdates { + font-style: italic; +} + +.submitButton { + background-color: rgb(67, 163, 230); + color: rgb(255,255,255); + border-radius: 12px; + padding: 5px; + border: none; +} + + From de4c39fc0a3d4b80ef5af7cf337e2cd9db068114 Mon Sep 17 00:00:00 2001 From: Ksenia Litovkina Date: Tue, 31 Jan 2023 22:07:50 +0100 Subject: [PATCH 2/2] done --- iron-comments/index.html | 1 + iron-comments/styles/style.css | 1 + 2 files changed, 2 insertions(+) diff --git a/iron-comments/index.html b/iron-comments/index.html index 895a780..4beb43d 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -9,6 +9,7 @@ +
diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 026c4f9..cff03c3 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -7,6 +7,7 @@ body { } + #form-container { margin: auto; }