From 59445258d16ff2ed945d050633f996a07d209f7b Mon Sep 17 00:00:00 2001 From: Meira Tompkins Date: Thu, 12 Mar 2020 17:05:30 -0400 Subject: [PATCH] heyo --- css/main.css | 51 ++++++++++++++++++++++++++++++++++++++++++++++++--- index.html | 5 +++-- profile.html | 2 +- 3 files changed, 52 insertions(+), 6 deletions(-) diff --git a/css/main.css b/css/main.css index df06a64..3369127 100644 --- a/css/main.css +++ b/css/main.css @@ -15,6 +15,12 @@ h1{ border-radius: 40px; color: white; font-size: 15px; + display: -webkit-box; + display: flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + justify-content: space-between; } #chatBox{ width: 100%; @@ -60,9 +66,7 @@ p{ text-align: center; } -.button{ -} .user{ display: -webkit-box; display: flex; @@ -114,8 +118,49 @@ a:link { display: -webkit-box; display: flex; -webkit-box-pack: center; - justify-content: center; + justify-content: center; + -webkit-box-align: center; + align-items: center; } .smallImage { width:20px; +} +span{ + padding-left: 3px; + padding-right: 3px; +} +#usernameInput{ + background-color: lightcoral; + font-family: 'Advent Pro'; + color: white; + border-radius: 30px; + padding: 1em; + border: none; +} +input{ + color: white; +} +#statusInput{ + background-color: lightcoral; + font-family: 'Advent Pro'; + color: white; + border-radius: 30px; + padding: 1em; + border: none; +} +#profilePicInput{ + background-color: lightcoral; + font-family: 'Advent Pro'; + color: white; + border-radius: 30px; + border: none; +} +.button{ + background-color: lightcoral; + padding: 1em; + font-family: 'Advent Pro'; + border-radius: 40px; + color: white; + font-size: 15px; + border: none; } \ No newline at end of file diff --git a/index.html b/index.html index 3ab0ab5..f4aa224 100644 --- a/index.html +++ b/index.html @@ -14,12 +14,13 @@
-

Sending messages as {UserName} {Status}

+

Sending messages as: {UserName} Message Status: {Status}

~Set your profile here~

+
- +
diff --git a/profile.html b/profile.html index 448b2ca..95224f8 100644 --- a/profile.html +++ b/profile.html @@ -12,7 +12,7 @@

- +

Go Back to Chat App

Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt numquam, consequatur eos error ducimus quisquam nam ut quasi sint adipisci sit molestiae, ad dolorum iste possimus deleniti rerum ipsum repudiandae.