# Horizontal View for Image Classification

**URL:** <https://support.prodi.gy/t/horizontal-view-for-image-classification/3615>\
**Category:** Uncategorized\
**Tags:** usage, custom, front-end\
**Created:** [November 8, 2020, 5:57pm UTC](https://support.prodi.gy/t/horizontal-view-for-image-classification/3615 "2020-11-08T17:57:07Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![ines](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ines/32/3_2.png) [@ines](https://support.prodi.gy/u/ines)\
**Post date:** [November 9, 2020, 1:15am UTC](https://support.prodi.gy/t/horizontal-view-for-image-classification/3615/2 "2020-11-09T01:15:45Z")

</div>

Hi! One solution would be to use the `global_css` setting and define two columns: one for the image container and one for the container of the choice options. This example here shows how to align the options themselves in two columns but the idea is the same for the `.prodigy-container` block with the image and choice options.

> [@Display choice options in columns](https://support.prodi.gy/t/display-choice-options-in-columns/496/5):
>
> With the new global\_css option in v1.7, you should be able to add this pretty easily. The options container doesn’t have a human-readable class name at the moment, but you can find the current compiled one by opening your browser’s developer tools: If you’re using a modern browser, the following CSS should be all you need: .c01132 { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } This will display the contents of that container (i.e. the options) using [CSS …](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout)

If your labels are very short, you could even do both: display the labels in two columns, in a column next to the image 🙂

---

_[View the full topic](https://support.prodi.gy/t/horizontal-view-for-image-classification/3615)._