Html and css project

HTML-CSS
1 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width device"/>
    <title>Surveyform</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1 id="title">Customer Review</h1>
    <p id="description"> We appreciate your participation in our industry. Please take the survey and leave a remark below to help with future improvement. </p>
    <form id="survey-form" method="get">
      <fieldset>
        <label id="name-label">First Name:
          <input id="name" type="text" placeholder="Enter Your First Name" required>
        </label>
        <label for="lastname">Last Name:
          <input id="name" type="text" placeholder="Enter Your Last Name" required>
        </label>
        <label id="email-label">Email:
          <input id="email" type="email" placeholder="Enter your Email" required>
        </label>
        <label id="number-label">Age(optional):
          <input id="number" type="number" placeholder="Enter Your Age" min="10" max="100">
        </label>
        
      </fieldset>
      <fieldset>
        <label>Do you use skincare products?
          <select id="dropdown">
          <option>Yes</option>
          <option>No</option>
        </select>
        </label>
        <label >Is having good skin important to you?
          <input type="radio" name="Yes" value="yes" class="inline">Yes</input>
          <input type="radio" name="yes" value="yes" class="inline">No</input>
          <input type="radio" name="yes" value="yes" class="inline">None of above</input>
        </label>
        <label>Which, if any of the following statements applies to you?
      <input type="checkbox"   value="option" class="inline">I have oily skin</input> 
      <input type="checkbox" value="option" class="inline">I have dry and dull skin</input> 
      <input type="checkbox" value="option" class="inline">I have suffered redness and sensitivity</input>     
      <input type="checkbox" value="option" class="inline">I have acne</input> 
      <input type="checkbox" value="option" class="inline">I have wrinkles</input> 
        </label>
        <label>Give us feedback?
          <textarea cols="40" rows="5"></textarea>
        </label>
      </fieldset>
      <input id="submit" type="submit">
        

    </form>
  </body>
</html>

INEED HELPP


body {
  width: 100%;
  height:100vh;
  margin: 0;
  /* background-color: black; */
  /* color: white; */
  font-size: 16px;
}
h1,
p {
  text-align: center;
  margin: 1em auto;
}
form {
  width: 60vw;
  max-width: 500px;
  min-width: 300px;
  margin: 0 auto;
  padding-bottom: 20em;
}
fieldset {
  border: none;
  padding: 2rem 0;
  border-bottom: 2px solid blue;
}
/* 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: 30px;
}
input,
textarea {
  border: 1px solid black;
}
.inline {
  width: unset;
  margin: 0 0.5em 0 0;
}
input[type="submit"] {
  display: block;
  width: 50%;
  margin: 1em auto;
  height: 5em;
}

input[type="checkbox"] {
  display: block;
}
.inline {
  display: inline;
}
2

Hi @subashchhetri946

Where is the rest of your html code?

Also, the code you posted does not contain any boilerplate code, so will not link to the css file.

Happy coding

3

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

4

What kind of help do you need?

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

5

the basic of this website like including code with html and css as well as my question and so on like symbols

6

I don’t understand what kind of help you are asking. Why did you post this code? what’s happening?

7

is there any guide to use this website such as
how to post html and css like that

8

the forum uses markdown to format the post. You can follow the guide I posted on how to formato the code.

now can you explain what issue do you have with the code you posted so that we can help you?

9

I had already got the solution that I was looking for.
sorry and thanks for replying.