Hey everyone,
I would appreciate if someone could have a look at my survery page and give some feedback. Here is the link: https://codepen.io/asmakhan1651/full/jONowBq
Thanks in advance,
Asma
Hey everyone,
I would appreciate if someone could have a look at my survery page and give some feedback. Here is the link: https://codepen.io/asmakhan1651/full/jONowBq
Thanks in advance,
Asma
your font really fits in and your colors match, too.
I really like the background image you picked and how you made it kind of blur out behind the form. Good job on that.
I have a big family and it was exactly six extra people. How about you set the max to infinite Just kidding.
For a second project, outstanding work.
I think you did pretty good on the page overall in terms of design and alignment. I like the background image and font selection, they go well together.
Your CSS was a bit messy so I cleaned it up a bit for you if you’d like to use it for your page. The only thing I changed was the form size and form background color. You had some rulesets with duplicate declaration, as well as a few with invalid values.
/* Title */
h1 {
text-align: center;
margin: 0;
padding: 1%;
font-variant: small-caps;
}
/* Body */
body {
font-family: "Quicksand", sans-serif;
text-align: center;
margin: 0 auto;
background-image: url("https://previews.123rf.com/images/enkaparmur/enkaparmur1305/enkaparmur130500023/19507714-abstract-light-beige-floral-background.jpg");
background-size: cover;
}
/* Form */
#description, #survey-form {
background-color: rgba(255, 209, 204, 0.7);
width: 80%;
margin: 0 auto;
}
#description {
font-size: 1.3em;
padding: 25px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#survey-form {
padding-left: 50px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.row-tab {
display: block;
}
.label {
display: inline-block;
width: 55%;
text-align: right;
margin-left: -48px;
margin-right: 1%;
}
.text {
display: inline-block;
width: 48%;
text-align: left;
vertical-align: middle;
}
#number {
width: 65px;
}
textarea {
resize: vertical;
max-height: 130px;
}
/* Submit */
#submit:hover {
background-color: #6b6b70;
}
#submit {
font-size: 1em;
border-radius: 3px;
background-color: #adadad;
color: black;
width: 10%;
padding: 1%;
margin: 5%;
border: 0px solid;
}
main {
margin-bottom: 45px;
}