Freecodecamp: Adding description for form-controls
Challenge Name
https://www.freecodecamp.com/challenges/style-text-inputs-as-form-controls
Issue Description
This challenge would be a lot more informative if a description of what adding the form-control class to the input field actually does. Something along the lines of:
All textual [input], [textarea], and [select] elements with class [.form-control] have a width of 100%.
luongthomas
All 5 comments
This challenge is currently quite short and it's defiantly worth adding an explanation here.
To First Timer:
You will need to add the sentence under this line. Please, check our Guidelines for Contributing and if you need any assistance reach out to the Contributors Chat room.
Note: You can only submit a pull request for this issue if you are new and haven't submitted one before. Hence the issue label
first-timers-only:stuck_out_tongue_winking_eye:
ghost
on 24 Aug 2016
The code you'll need to add specifically is
"All textual <code><input></code>, <code><textarea></code>, and <code><select></code> elements with the class <code>.form-control</code> have a width of 100%."
It should render as
All textual
<input>,<textarea>, and<select>elements with the class.form-controlhave a width of 100%.
erictleung
on 24 Aug 2016
Hey there. I'm a first-timer interested in getting started with contributing to Free Code Camp. I will submit a PR for this issue. Thanks!
n-white
on 24 Aug 2016
Hey What about tests ??
Tests should be added for each input.
chakrihacker
on 25 Aug 2016
having issue in style-text-inputs-as-form-controls
just give a class="form-control" to
1) <form action="/submit-cat-photo" class="form-control">
2) <div class="row" class="form-control">
before your checkbox's 1st div i.e. <div class="col-xs-4">
and finally add here
3)<input type="text" placeholder="cat photo URL" class="form-control" required>
usersaurabh
on 29 Aug 2016
Related issues
Tzahile
·
3Comments
danielonodje
·
3Comments
raisedadead
·
3Comments
ROWn1ne
·
3Comments
vaibsharma
·
3Comments
Most helpful comment
having issue in style-text-inputs-as-form-controls
just give a class="form-control" to
1) <form action="/submit-cat-photo" class="form-control">2) <div class="row" class="form-control">before your checkbox's 1st div
i.e. <div class="col-xs-4">and finally add here
3)
<input type="text" placeholder="cat photo URL" class="form-control" required>