Sometimes you want to style your list questions like cards. An example of this can be seen below:
This tutorial includes custom CSS code. A basic understanding of CSS is required to fully comprehend it, but you can also copy and paste the code into the Custom Code tab.
We will create the custom list question by using images. Do the following steps to
- Add a “Multiple Choice” element
- Click “Use Images”
- Set the desired amount of items per row
- Add images in the “Options” of your component
Next, we will style the images to ensure they scale correctly and look great on every screen size. To do this, go to the Custom Code tab and use the following CSS: