What does this mean??

Develop, Build & Integrate CMS Development
1
  • 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
Screenshot_20221210-092247_Chrome.jpg1080×2408 265 KB

2

Basically, you need to use the repeater field which you can enable in the Repeater Options inside the module.

3

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

4

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.

5

A sample code please?

6

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

.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);