HTML — registration form — MOVE min-height — STEP 55

Move min-height selector

The min-height is already moved to the (input, textarea, select), yet it’s asking me to do it again. Would someone help me see what is it am I not doing right here?

I don’t see how I can possibly remove something that is not there.

I cannot remove something that is not there, can I?

1 Like

copy all your code here please (in a code block)
when I look at the code (the original code), I definitely see a min-height property in the input, textarea { selector`
and the instructions say

Move the min-height property
which means when you remove the property from one spot you should add it somewhere else

This program is not letting me highlight and copy anything, at least, I don’t know how to do it here.
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-55

are you on your phone? I can’t advise how to do it if you’re on the phone but if you’re on a regular computer, you can use your mouse to copy the code out.

The other option is for you to click the button that looks like a question mark. It may pull all your code into a topic for you.

Here is a screenshot of my code at the moment

Please post your actual code instead of pictures.

You should use the Ask for Help button
image

Please stop posting screenshots of your code. We can’t run screenshots.

I want to , TRUST ME!!! But the program is not letting me select/highlight and copy. I’ve tried to highlight everything and copy, it didn’t work

If somehow copy-paste is broken on your computer, you should use the Ask for Help button.

I’m gonna do that right now

Oh, I am not on my phone,

are you able to copy things from the browser normally (like from other websites?)
Just wondering.
(You should be able to do the exact same thing by placing your mouse either at the top of the code where the html begins or at the bottom and highlighting in the opposite direction)

Oh, I am not on my phone

Yeah!! That’s what I want to do too, but this program is not allowing me to do that. I can copy the from the address bar, but NOT highlighting and copy. Really irritating :angry:.

Surprisingly, I don’t have that button - or it doesn’t show on my screen anywhere. Plus, the copy and paste command is not broken on my device. It’s that this program is not allowing me to it. TRUST ME, I want to comply, but it’s just not allowing me to.

The button appears after you have tried to submit a solution more than twice.

but clearly you are able to type into the editor area (that’s the area that has the line numbers on the left).
If you can type into, can’t you use your mouse to select things from it?
What happens when you try?

Tell us what’s happening:
Describe your issue in detail here.

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>
    <form method="post" action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <label for="first-name">Enter Your First Name: <input id="first-name" name="first-name" type="text" required /></label>
        <label for="last-name">Enter Your Last Name: <input id="last-name" name="last-name" type="text" required /></label>
        <label for="email">Enter Your Email: <input id="email" name="email" type="email" required /></label>
        <label for="new-password">Create a New Password: <input id="new-password" name="new-password" type="password" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>
      <fieldset>
        <label for="personal-account"><input id="personal-account" type="radio" name="account-type" class="inline" /> Personal Account</label>
        <label for="business-account"><input id="business-account" type="radio" name="account-type" class="inline" /> Business Account</label>
        <label for="terms-and-conditions">
          <input id="terms-and-conditions" type="checkbox" required name="terms-and-conditions" class="inline" /> I accept the <a href="https://www.freecodecamp.org/news/terms-of-service/">terms and conditions</a>
        </label>
      </fieldset>
      <fieldset>
        <label for="profile-picture">Upload a profile picture: <input id="profile-picture" type="file" name="file" /></label>
        <label for="age">Input your age (years): <input id="age" type="number" name="age" min="13" max="120" /></label>
        <label for="referrer">How did you hear about us?
          <select id="referrer" name="referrer">
            <option value="">(select one)</option>
            <option value="1">freeCodeCamp News</option>
            <option value="2">freeCodeCamp YouTube Channel</option>
            <option value="3">freeCodeCamp Forum</option>
            <option value="4">Other</option>
          </select>
        </label>
        <label for="bio">Provide a bio:
          <textarea id="bio" name="bio" rows="3" cols="30" placeholder="I like coding on the beach..."></textarea>
        </label>
      </fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
/* file: styles.css */

/* User Editable Region */

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;
  color: #ffffff;}

input, 
texarea {
  background-color: #0a0a23;
  border: 1px solid #0a0a23;}
.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}

/* User Editable Region */


Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

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

Link to the challenge:

And Badda bing!!! Badda boom :exploding_head:
Thank for helping me find the button at last!!!

Do you see it below :point_down:. I’ve found it!