Skip to content

Conversation

@JeniaAndruhsko
Copy link

src/index.html Outdated
method="POST"
action="https://mate-academy-form-lesson.herokuapp.com/create-application"
>
<fieldset class="fs1">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use required for one of your inputs

src/index.html Outdated
Comment on lines 17 to 26
<label class="label">
Surname:
<input
type="text"
name="surname"
minlength="3"
maxlength="20"
autocomplete="off"
>
</label>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

follow code styling recommendations

Suggested change
<label class="label">
Surname:
<input
type="text"
name="surname"
minlength="3"
maxlength="20"
autocomplete="off"
>
</label>
<label class="label">
Surname:
<input
type="text"
name="surname"
minlength="3"
maxlength="20"
autocomplete="off"
>
</label>

src/index.html Outdated
Comment on lines 36 to 37
</label>
<label class="label">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add an empty line between multiline siblings

Suggested change
</label>
<label class="label">
</label>
<label class="label">

src/index.html Outdated
Comment on lines 84 to 87
<label class="label">
Do you love cats?
<input
type="radio"

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

each label/select should be wrapped with a label

Suggested change
<label class="label">
Do you love cats?
<input
type="radio"
<div class="label">
Do you love cats?
<label>
<input
type="radio"

src/index.html Outdated
</label>
</fieldset>

<fieldset class="fs1">

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

redundant class

Suggested change
<fieldset class="fs1">
<fieldset>

src/index.html Outdated
<label class="fs1">
Would you recommend us?
<select
name="yes_or_no"

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
name="yes_or_no"
name="recommendation"

@@ -1 +1,13 @@
/* styles go here */
.label {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You may only apply those classes to your filedset and form field (label or div)
Example:

.fieldset:not(:last-child) {
  margin-bottom: 20px
}

.field:not(:last-child) {
  margin-bottom: 10px
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants