Tell us what’s happening:
Every radio button group should have at least 2 radio buttons. this is what I need help with my code has everything else checked.
I also have extra code but not sure how to clean it up and also I don’t know how to add a background image is not working
Your code so far
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.53 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
Would you recommend freeCodeCamp to a friend?
Definitely
Maybe Not sure
What is your favorite feature of freeCodeCamp?
Select an option
Challenges
Projects
Community
Open Source
What would you like to see improved? (Check all that apply)
Front-end Projects
kai1
November 20, 2022, 3:51am
3
This is how you can paste your code in your messages.
Would you recommend freeCodeCamp to a friend?
<label for="definitely"><input id="definitely" type="radio" name="definitely-maybe-notsure" class="inline" value="1"
checked/> Definitely</label>
<label for="maybe"><input id="maybe" type="radio" name="definitely-maybe-notsure" class="inline" value="2"/> Maybe</label><label for="not sure"><input id="not sure" type="radio" name="definitely-maybe-notsure" class="inline"
value="3" /> Not sure</label>
<label for="feature">What is your favorite feature of freeCodeCamp?
<select id="feature" name="feature">
<option value="">Select an option</option>
<option value="1">Challenges</option>
<option value="2">Projects</option>
<option value="3">Community</option>
<option value="4">Open Source</option>
<label><label for="delete" name="delete">
<input>
</label>
</label>
What would you like to see improved? (Check all that apply)
<label for="front-end projects" name="front-end projects">
<input id="front-end projects" type="checkbox" name="front-end projects" class="inline" value="1"/> Front-end Projects
</label>
<label for="back-end projects" name="back-end projects">
kai1
November 20, 2022, 3:55am
5
This code passes the test Every radio button group should have at least 2 radio buttons.
In my browser. Maybe try running your code in some other browser or incognito mode.
I figured it out and passed but I need help learning to clean the code a bit and it wasn’t perfect. I did it in about 1 hour and a half to 2 hours the project
how can I screenshot or send you the full code to see the website I built?
kai1
November 20, 2022, 3:58am
8
@Alessandro1 You can paste your whole code in this way.
my warning was for the code being too long. so I need to find another way.`
Registration Form
freeCodeCamp Survey Form
Thank you for taking the time to help us improve the platform
Name
Email
Age (optional)
Which option best describes your current role?
Select current role
Student
Full Time Job
Full Time Learner
Prefer not to say
Other
Would you recommend freeCodeCamp to a friend?
Definitely
Maybe Not sure
What is your favorite feature of freeCodeCamp?
Select an option
Challenges
Projects
Community
Open Source
What would you like to see improved? (Check all that apply)
Front-end Projects
Back-end Projects
Data Visualization
Challenges
Open Source Community
Gitter help rooms
Videos
City Meetups
Wiki
Forum
Additional Courses
<fieldset>
<label
</select>
</label>
<label for="comment">Any comments or suggestions?
<textarea id="comment" name="comment" rows="8" cols="60" placeholder="Enter your comment here..."></textarea>
</label>
</fieldset>
<button id="submit"><input type="submit" value="Submit" /></button>
</form>
/*CSS HERE ON*/
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;
padding-bottom: 2em;
}
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;
}
input[type=“submit”] {
display: block;
width: 60%;
margin: 1em auto;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;
min-width: 300px;
}
`
is there another way? please I want to get better and improve my coding skills I am new.
kai1
November 20, 2022, 4:11am
11
You can use this website for sharing code https://codeshare.io/
I will wait for your feedback tomorrow