Skip to content

Develop#777

Open
JeniaAndruhsko wants to merge 4 commits intomate-academy:masterfrom
JeniaAndruhsko:develop
Open

Develop#777
JeniaAndruhsko wants to merge 4 commits intomate-academy:masterfrom
JeniaAndruhsko:develop

Conversation

@JeniaAndruhsko
Copy link
Copy Markdown

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

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

Comment thread 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>
Copy link
Copy Markdown

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>

Comment thread src/index.html Outdated
Comment on lines +36 to +37
</label>
<label class="label">
Copy link
Copy Markdown

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">

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

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"

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

<fieldset class="fs1">
Copy link
Copy Markdown

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>

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

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"

Comment thread src/style.css
@@ -1 +1,13 @@
/* styles go here */
.label {
Copy link
Copy Markdown

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