added task solution

[LabPetro]

1. DEMO LINK
2. TEST REPORT LINK

[Anastasiia-Svintsova]

Use a more descriptive class name instead of 'duo'. For example, 'form-group'.

[Anastasiia-Svintsova]

Use a more descriptive class name instead of 'quads'. For example, 'form-block'.

[Anastasiia-Svintsova]

The max attribute of the 'review' input should be greater than the min attribute. It doesn't work

[Anastasiia-Svintsova]

The name attribute should be more descriptive, e.g. 'surname' instead of 'info'.

[Anastasiia-Svintsova]

The name attribute should be more descriptive, e.g. 'name' instead of 'information'.

[Anastasiia-Svintsova]

Check the code style everywhere

Suggested change

	<input
	class="duo"
	type="text"
	id="surname"
	name="info"
	autocomplete="off"
	<input
	class="duo"
	type="text"
	id="surname"
	name="info"
	autocomplete="off"

[Anastasiia-Svintsova]

Add a label to each radio button. It doesn't work correctly now

Screen.Recording.2023-05-17.at.13.49.21.mov

[Anastasiia-Svintsova]

Suggested change

	</div>
	</fieldset>
	</div>
	</fieldset>

[Anastasiia-Svintsova]

Suggested change

	<button
	type="submit"
	>
	<button type="submit">

[Anastasiia-Svintsova]

Use classes for styling

[agniya-i]

Suggested change

	<label for="yes">Yes</label>
	<input
	id="yes"
	type="radio"
	name="pet"
	value="yes"
	>
	<label for="no">No</label>
	<input
	id="no"
	type="radio"
	name="pet"
	value="No"
	>
	<label>
	<input
	id="yes"
	type="radio"
	name="pet"
	value="yes"
	>
	Yes
	</label>
	<label>
	<input
	id="no"
	type="radio"
	name="pet"
	value="No"
	>
	No
	</label>

You can wrap it into label tag to fix previous comment

[agniya-i]

Suggested change

	<input type="range"
	id="review"
	name="rating"
	step="1"
	value="0"
	min="0"
	max="5"
	>
	<input
	type="range"
	id="review"
	name="rating"
	step="1"
	value="0"
	min="0"
	max="5"
	>

[agniya-i]

Suggested change

	<textarea name="write"
	id="comments"
	autocomplete="off"
	required
	></textarea>
	<textarea
	name="write"
	id="comments"
	autocomplete="off"
	required
	></textarea>

[agniya-i]

Suggested change

	<option value="answer">Yes</option>
	<option value="answer">No</option>
	<option value="yes">Yes</option>
	<option value="no">No</option>

[Anastasiia-Svintsova]

Suggested change

	<form
	action="https://mate-academy-form-lesson.herokuapp.com/create-application"
	method="post">
	<form
	action="https://mate-academy-form-lesson.herokuapp.com/create-application"
	method="post"
	>

[Anastasiia-Svintsova]

Don't add spaces between parent and child components