Learn HTML Forms by Building a Registration Form - Step 10

Tell us what’s happening:
i got stuck here need help

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
  </body>
</html>
/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32
}

Your browser information:

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

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

Link to the challenge:

Hi!
Good job!
I see your background-color, but where’s you color? :wink:

It says "That is better. Now, make the background easy on the eyes, by changing the body background-color to #1b1b32 . Then, to see the text, change the **color** to **#f5f6f7** .
Hope this helped!

usually challenges present hints when your check fails.
What does the hint say?

I changed that but still got it not okay. what do I take off or add?

Hi!
You should have 1 background-color and 1 color.
Background-color is for the background and color is for the text color.

This is what I changed “background-color: #1b1b32” where/what do I add to have text changed?

You should add a color also.

how and where do I add ? do I type color as a different element below and add?

width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32
color: #f5f6f7?
I do not know where to drop it.

This code is correct you only need this ; now

I still dont get what you mean i need this now. I have written
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32
color: #f5f6f7?

what do I need to correct above? maybe color should be some where i cant figure out how to do it.

Tell us what’s happening:
Where do I put the color element ? I need help with this code.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
  </body>
</html>
/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32
  color: #f5f6f7;
}

Your browser information:

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

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

Link to the challenge:

please do not create duplicate topics on the same challenge.
just use the one you already created to ask questions or post updates.
Your duplicates have been merged.

Hi, your code is correct, you just need a symbol at the end. What do you have at the end of width, height and margin the same applies for all.

good thanks my friend

No problem mate , good job! :slight_smile: