Develop

[Kacper-Leman]

https://Kacper-Leman.github.io/layout_html-form/ - Demo Link
https://Kacper-Leman.github.io/layout_html-form/report/html_report/ - Test Report Link

[DorotaLeniecDev]

Fix formatting and indentations, check this checklist https://github.com/mate-academy/layout_html-form/blob/master/checklist.md

When the code is more readable after fixes we will continue with review

[DorotaLeniecDev]

Add proper labels
Fix formatting
Fix indentations

Suggested change

	<div>
	Surname: <input type="text" name="Surname:">
	</div>
	<div class="form__section_field">
	<label for="surname">Surname: </label>
	<input
	type="text"
	name="surname"
	id="surname"
	autocomplete="off"
	>
	</div>

Apply this pattern to all other fields
Remember to add spaces between sibling elements for better readability

[Kacper-Leman]

Okey, I make fixes please to check again :)

[DorotaLeniecDev]

Few more changes needed

[DorotaLeniecDev]

Name attibute should be camelCase

Suggested change

	name="date-birth"
	name="dateBirth"

[DorotaLeniecDev]

Only one line space between siblings is needed

[DorotaLeniecDev]

Same here

[DorotaLeniecDev]

Fix formatting

[DorotaLeniecDev]

Fix formatting

Suggested change

	<select
	name="recommend"
	id="recommend"
	autocomplete="off">
	<select
	name="recommend"
	id="recommend"
	autocomplete="off"
	>

[DorotaLeniecDev]

Add empty line between siblings

[DorotaLeniecDev]

Add empty line - double check if there are empty lines between siblings elements, do not add empty lines between parent and child

[DorotaLeniecDev]

Lets make this name more descriptive so it is easier to use (in scenartio when form is being send)

Suggested change

	name="choice"
	name="lovesCats"

[DorotaLeniecDev]

Same here

Suggested change

	name="choice"
	name="lovesCats"

[DorotaLeniecDev]

Be consistant and add class to all form fields wrappers. You can then specify the margins using pseudo selectors in css

[Kacper-Leman]

All tips done I hope now its good.

[DorotaLeniecDev]

Few more for perfection :)

[DorotaLeniecDev]

fix typo

[DorotaLeniecDev]

Should be

Suggested change

	name="colour"
	name="color"

[DorotaLeniecDev]

Remove space

[DorotaLeniecDev]

In my opinion best way is to add form-field class to all divs and in css you can remove margin-bottom in :last-child selector. This is more consistant. It is a separation of duites, that styles will determin how the markup looks.

[DorotaLeniecDev]

Fix formatting

Suggested change

	<input type="radio"
	name="lovesCats"
	id="no"
	autocomplete="off"
	value="No"
	>
	<input
	type="radio"
	name="lovesCats"
	id="no"
	autocomplete="off"
	value="No"
	>

[DorotaLeniecDev]

remove space

[DorotaLeniecDev]

Good job :)