Skip to content

YlvaK-W6-Survey-with-React#449

Open
YlvaKarlsson wants to merge 10 commits intoTechnigo:masterfrom
YlvaKarlsson:master
Open

YlvaK-W6-Survey-with-React#449
YlvaKarlsson wants to merge 10 commits intoTechnigo:masterfrom
YlvaKarlsson:master

Conversation

@YlvaKarlsson
Copy link
Copy Markdown

Copy link
Copy Markdown

@smirrebinx smirrebinx left a comment

Choose a reason for hiding this comment

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

You seem to have met the requirements for the assignment and there are no errors in the console log and according to Lighthouse the score for Accessibility and Best Practices are 100% and there are no errors in the Wave check. You did a really great job on the survey, be proud!

<label htmlFor="favoriteplace" className="favoriteplace-label">
<p>What is your favorite place/surrounding?</p>
<br />
<input
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

If you add a unique label to each radio button the radio buttons will be accessible and more user-friendly. That way you can click on the question and check the radio button and you don't have to click on the radio button.

setSlider(event.target.value);
}
return (
<div className="slide-container">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Nice addition with the slider!

Comment thread code/src/App.js
</div>
)}
<div className="progress-bar">
<div className="progress-bar-fill" style={{ width: `${progress}% ` }} />
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

I like the progress bar!

Comment thread code/src/index.css
align-items: center;
min-height: 100vh;
padding: 25px;
background-image: url('../public/background-survey.jpg');
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Pretty background image and colors on the form.

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