freeCodeCamp.org

HTML-CSS
1

Hi everyone,
please i need help with this.

This is the instruction:
Now, use the attribute selector to style the submit button with a display of block, and a width of 60%.

input[type="submit"]
2

And the input bla bla bla is my code.

3

please post a link to the challenge you are trying to pass.

Please also copy all your code and post it in a code block.
(alternatively you can click on the get help button which looks like a question mark to help you post with a pre-made template)

4

ok I’ll do that now… thank you

5

html

Registration Form

Registration Form

Please fill out this form with the required information

Enter Your First Name: Enter Your Last Name: Enter Your Email: Create a New Password: Personal Account Business Account I accept the terms and conditions Upload a profile picture: Input your age (years): How did you hear about us? Provide a bio: ``` 
/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
  font-family: Tahoma;
  font-size: 16px;
}

h1, p {
  margin: 1em auto;
  text-align: center;
}

form {
  width: 60vw;
  max-width: 500px;
  min-width: 300px;
  margin: 0 auto;
}

fieldset {
  border: none;
  padding: 2rem 0;
  border-bottom: 3px solid #3b3b4f;
}

fieldset:last-of-type {
  border-bottom: none;
}

label {
  display: block;
  margin: 0.5rem 0;
}

input,
textarea,
select {
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;
}

input, textarea {
  background-color: #0a0a23;
  border: 1px solid #0a0a23;
  color: #ffffff;
}

.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle; }

/* User Editable Region */

input[type="submit"]

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Learn HTML Forms by Building a Registration Form - Step 56

Link to the challenge:

6

I’m not sure why you wrote this without writing the rest of the code requested?

The instructions were:

use the attribute selector to style the submit button with a display of block , and a width of 60% .

so you have at least 2 more things to do here.

7

I have tried everything i can think of but it just won’t pass

8

but you haven’t shared what you tried?
So far you only shared one new line of code with us. (and that line of code is not wrong)

9

input[type="submit"] input[display="block"] input[width="60%"]

10

I’m not sure what you are trying to do.

The idea was to use the type selector for submit to write some css properties that apply to that submit button.
Just look at all the code you have written so far like this:

or like this

These are both written in your code. This step is not asking anything new here. Just use what you learned before about writing CSS to write this new block of code.

11

This is my new code, and i also tried it without the second submit but still wont pass.
I
I am honestly frustrated at this point.

input[type="submit"]
  submit{
    display: block;
    width: 60%;
  }
12

Okay much better.
Delete this word from the second line.

This word has no purpose in the css selection block you wrote.

13

omg it worked… thank you so much

1 Like
14

try to take a minute to read the code you just wrote.
Ask yourself questions like - what does each line do.
If you have any concern feel free to follow up with us here.
(even if you didn’t struggle on a task, it is always good to take a minute to absorb what the purpose of it is)

1 Like
15

Look at the “Anatomy of a CSS ruleset” section.

16

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.