# What does this mean??

**URL:** <https://community.hubspot.com/t/what-does-this-mean/70959>\
**Category:** CMS Development\
**Tags:** starter\
**Created:** [December 10, 2022, 2:33pm UTC](https://community.hubspot.com/t/what-does-this-mean/70959 "2022-12-10T14:33:57Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![DOchieng](https://avatars.discourse-cdn.com/v4/letter/d/51bf81/32.png) [@DOchieng](https://community.hubspot.com/u/DOchieng)\
**Post date:** [December 10, 2022, 2:33pm UTC](https://community.hubspot.com/t/what-does-this-mean/70959/1 "2022-12-10T14:33:57Z")

</div>

- I am taking the hubspot cms exam and can’t figure out what this means,I have attached a screenshot

 ![Screenshot_20221210-092247_Chrome.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/b/6bf439a9f682569f03f0b2dc0ae3d87401a6ec66.jpeg)

---

<div class="post-metadata">

**Author:** ![felixmacaspac](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/felixmacaspac/32/33923_2.png) [@felixmacaspac](https://community.hubspot.com/u/felixmacaspac)\
**Post date:** [December 10, 2022, 2:51pm UTC](https://community.hubspot.com/t/what-does-this-mean/70959/2 "2022-12-10T14:51:01Z")

</div>

Basically, you need to use the [repeater field](https://developers.hubspot.com/docs/cms/building-blocks/module-theme-fields-overview#repeaters) which you can enable in the **Repeater Options** inside the module.

---

<div class="post-metadata">

**Author:** ![DOchieng](https://avatars.discourse-cdn.com/v4/letter/d/51bf81/32.png) [@DOchieng](https://community.hubspot.com/u/DOchieng)\
**Post date:** [December 10, 2022, 4:09pm UTC](https://community.hubspot.com/t/what-does-this-mean/70959/3 "2022-12-10T16:09:14Z")

</div>

And so what about the media query…any code for the media query?

---

<div class="post-metadata">

**Author:** ![felixmacaspac](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/felixmacaspac/32/33923_2.png) [@felixmacaspac](https://community.hubspot.com/u/felixmacaspac)\
**Post date:** [December 10, 2022, 4:13pm UTC](https://community.hubspot.com/t/what-does-this-mean/70959/4 "2022-12-10T16:13:12Z")

</div>

You will be using the CSS media query to change the layout of the module, so if it is 900px below it will have 2 column.

---

<div class="post-metadata">

**Author:** ![DOchieng](https://avatars.discourse-cdn.com/v4/letter/d/51bf81/32.png) [@DOchieng](https://community.hubspot.com/u/DOchieng)\
**Post date:** [December 10, 2022, 4:15pm UTC](https://community.hubspot.com/t/what-does-this-mean/70959/5 "2022-12-10T16:15:14Z")

</div>

A sample code please?

---

<div class="post-metadata">

**Author:** ![piersg](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/piersg/32/99782_2.png) [@piersg](https://community.hubspot.com/u/piersg)\
**Post date:** [December 12, 2022, 2:32pm UTC](https://community.hubspot.com/t/what-does-this-mean/70959/6 "2022-12-12T14:32:16Z")

</div>

Without seeing the structure of your html, something like this would work

```lia-code-sample
.column {
 width: 33.33%;
}
@media (max-width: 900px) }
 .column {
 width: 50%;
 }
}

```

If you have margin/padding on your columns then you’ll have to do take account of that with a calc, e.g. if each has 10px margin/padding on the left and right:

`width: calc(33.33% - 20px);`