Grid container / Column 4 / With icons / Breakpoint md (shorthand)

4 columns with icons

Editable in the CMS with the « Horizontal scroll » select, which writes the breakpoint alone — ui.scrollsnap: md.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint all / Nav pointer / Pagination true

4 columns with icons

Object form, front matter only: the CMS never writes nav nor pagination. Set that site-wide instead with blocks.informations.scrollsnap.nav (pointer) and blocks.informations.scrollsnap.pagination (true) — each key is read on its own, so a block keeps overriding its breakpoint alone.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint lg / Pagination pointer

4 columns with icons

Object form, front matter only: the CMS never writes pagination. Set that site-wide instead with blocks.informations.scrollsnap.pagination (pointer) — each key is read on its own, so a block keeps overriding its breakpoint alone.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint md (shorthand) / Theme light

4 columns with icons

Editable in the CMS with the « Horizontal scroll » select, which writes the breakpoint alone — ui.scrollsnap: md.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint md (shorthand) / Theme highlight

4 columns with icons

Editable in the CMS with the « Horizontal scroll » select, which writes the breakpoint alone — ui.scrollsnap: md.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint md (shorthand) / Theme accent

4 columns with icons

Editable in the CMS with the « Horizontal scroll » select, which writes the breakpoint alone — ui.scrollsnap: md.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint md (shorthand) / Theme dark

4 columns with icons

Editable in the CMS with the « Horizontal scroll » select, which writes the breakpoint alone — ui.scrollsnap: md.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint md (shorthand) / Theme neutral

4 columns with icons

Editable in the CMS with the « Horizontal scroll » select, which writes the breakpoint alone — ui.scrollsnap: md.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint md (shorthand) / Theme black

4 columns with icons

Editable in the CMS with the « Horizontal scroll » select, which writes the breakpoint alone — ui.scrollsnap: md.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.

Grid container / Column 4 / With icons / Breakpoint md (shorthand) / Theme white

4 columns with icons

Editable in the CMS with the « Horizontal scroll » select, which writes the breakpoint alone — ui.scrollsnap: md.

  • Lorem ipsum

    Nam eleifend nisl tellus, porta lacinia lectus sollicitudin non.

  • Faucibus maximus nunc

    Phasellus tellus purus, pellentesque eu velit vel, faucibus maximus nunc

  • Aliquam velit magna

    Donec ut eros sit amet ipsum pulvinar sagittis.

  • Curabitur non ante purus

    Curabitur in tortor et odio congue suscipit sit amet quis purus.