Simple quiz design included multiple-choices and drag-n-drop assessment are presented, which can better delivery of assessment for targeted learners.
Javascript Quiz
I used CSS to change the font, color, and font size for website and give a header for this quiz. And I used a rectangle to highlight the content of the quiz which helps user to focus on the quiz. The color of selection menu was also changed. In addition, I added a horizon to separate the footer and quiz.
Drag-n-drop Assessment
HTML: I changed the tittle, instructions, and centered the blocks. For assessment content, I added two more containers, and allowed 4 items in the containers. In addition, I added an image from scratch website to make the assessment more fun for leaners.
CSS: I changed the background color, font of content, each container's background color, font color. I also change the color when user drag these blocks into the container. I made the red and green more soft.