Размеры не верны CSS [закрыто] ⇐ CSS

[Anonymous]

Я нахожусь в Bootcamp FS, и одна из лабораторий, которые я делаю, не приводит мне правильный размер.
Это то, на что должен выглядеть сайт. Должен быть
это то, что я получаю.
мои результаты < /p>
следовали за инструкциями до t внизу.
Инструкции < /p> Вот мой код HTML и CSS < /p>



Customer Information

First Name


Last Name


Email Address


Phone Number



Payment Information

Card Name














< /code>
body, fieldset, input, legend, label, footer {
margin: 0;
padding: 0;

}

/* Style for body specifies a background color */
body {
background: linear-gradient(to top right, #fff 0%, #6699ff 100%) no-repeat fixed center;
font-family: Geneva, Arial, sans-serif;
}

/* Style for the container element */
#container {
width: 90%;
margin: 0 auto;
}

/* Style rules for form elements */
fieldset, input {
margin-bottom: 2%;
}

fieldset legend {
font-size: 1.25em;
font-weight: bold;
}

label {
display: block;
padding-top: 3%;
}

.btn {
border: none;
margin: 0 auto;
display: block;
padding: 5%;
background-color: #003399;
font-size: 1.25em;
border-radius: 10px;
color: white;
}

< /code>
Based on the instructions, are the Css Style rules correct to get the result of the first picture.
I have narrowed it down to being the style rules.
Why am i getting such a wide fieldset box instead of the first example
The school is using Cengage, Not the biggest fan, So not sure if there is issues with the lab software. All I know something ain't working, me included.
Thanks, in advance.

Подробнее здесь: https://stackoverflow.com/questions/793 ... orrect-css