I need a little help with this one. We are creating a quiz that has drop down inputs for many of the questions. Essentially, the user would select an answer from the dropdown and than click submit.
On event submit the answer is checked, if it is wrong, the correct answer is displayed by its side. Issue is that the drop down text has no character limits, so some answers could be entire sentences. We are having issues figuring out the best way to display the correct answer alongside the incorrect answer for the dropdown input.
This design also has to be responsive and adhere to accessibility requirements.
Here's what we came up with. As you can see the paragraph shifts to make room for the correct answers. We were concern that this shift would be jarring for users. Would like any other thoughts or variations. Thanks!