Question: HTML/CSS contact form: I have been trying to figure this out all day. I need to create a dummy contact us form. I have the

HTML/CSS contact form: I have been trying to figure this out all day. I need to create a dummy "contact us form". I have the markup just need to style it so it looks similar to the picture provided.

HTML/CSS contact form: I have been trying to figure this out all

Here is mine:

day. I need to create a dummy "contact us form". I have

HTML

Say Hello!

Please contact us regarding any request or problem

CSS:

body{

background-color: #34495e;

padding: 10px;

}

h1{

text-align: center;

}

label{

display: inline-table;

width: 30%;

padding-bottom: 10px;

margin: 2px 0;

}

p{

text-align: center;

}

input{

display: inline-table;

width: 69%;

margin: 2px 0;

box-sizing: border-box;

vertical-align: top;

border: 1px solid #000;

}

#button{

width: 20%;

text-align: center;

}

.container{

background-color: #aacfd0;

margin: auto;

width: 600px;

border-radius: 25px;

padding-bottom: 20px;

}

.contact{

background-color: #aacfd0;

box-sizing: border-box;

border: 2px solid #fff;

width: 500px;

margin: auto;

}

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!