Help with HTML Form Prep Issue

Good Evening I am encountering an issue with the prep assignment. I have implemented the provided html code successfully to make the form but when using CSS/ styles.css format it doesn’t work or the final output is not as expected. I have uploaded a screenshot and have provided a code snippet with the code output.Any help and assistance would be welcomed. Thank you.

Code Sample:

fieldset {

 /* Get rid of the border on the fieldset./*

border: 0;

}

form {

/* Center the form on the page. /*

margin:0 auto;

width:600px;

/* Curved border around the form./*

padding:1em;

border:1px solid #CCC;

border-radius:1em;

/* Make all the fonts in the form the same. */

font-family:Arial, Helvetica, sans-serif;

}

/* Every div after the first div in the form. */

form div + div {

margin-top: 1em;

}

label {

/* Uniform size & alignment for labels. */

display:inline-block;

width:90px;

text-align:right;

}

legend {

border-bottom:1px solid black;

}

input,

textarea {

/* You must explicitly override the fonts in textareas and inputs. /*

font-family:Arial, Helvetica, sans-serif;

/* Uniform text field and textarea sizes. */

width: 425px;

box-sizing: border-box;

/* Match form field borders */

border:1px solid #999;

}

input:focus {

/* Additional highlight for focused elements */

border-color:#000;

}

text area {

/* Align multiline text fields with their labels */

vertical-align: top;

/* Provide space to type some text */

height: 5em;

}

select {

/* You must explicitly override the font in a select. */

font-family: Arial,Helvetica,sans-serif;

/* Make the select as wide as the other form elements. */

width: 425px;

}

button {

/* Space the button to the right. /*

margin-left: .5em;

}

}

UPDATE: I have fixed the problem it appears that the comments were interfering with the code. I removed the comments in the code and included the CSS code without the comments. Thank you to whomever read this. I know next time to not include comments in the code without commenting it out or not at all. Thanks again.

1 Like