A catalog of content elements

Every content element in a single article - from a paragraph to a map, often one right below another. This article is a catalog and a proving ground in one: check how the elements look on the page and how they are edited in the panel.

A paragraph carries inline formatting: bold, italics, underline, code, a highlight and a link. Everything below is a ready-made building block - you pick it from a list, fill in the fields and publish.

Text that carries the article

Three list styles stand here directly one below another - this is exactly how adjacent elements look with no paragraph between them:

• A bulleted list organizes your arguments
• It needs no configuration at all
• You add a new item with Enter

1. A numbered list leads step by step
2. The numbering takes care of itself
3. Also when the items change order

• An icon list accents the benefits
• You pick the icon from the site's full icon set
• Or insert your own emoji

Voices and callouts

Media

The image beside this text is set to float right, so the text flows along it. On a narrow screen the float disappears by itself - the image returns to full width and the content stays readable. You set the focal point of the crop with a click on the preview, so thumbnails and crops always show what matters most.

A card with a link

The card carousel works well for offers, guide series and recommended content.

A square image

The card image is always cropped to a square - like in social network carousels.

A title and a description

Each card carries a title and a short description; the link is optional.

Scrolling

You move the cards with the arrows, a gesture or by dragging with the mouse.

Embeds and the map

Posts from social networks and maps load right away. With a single switch the editors can hold an element back until the visitor's consent - until then the reader sees a plain, working link.

Structure and order

.artykul {
    max-width: 860px;
    margin-inline: auto;
}

/* Blok kodu zachowuje wcięcia i nie jest tłumaczony. */

A call-to-action button

Above this paragraph stands a divider; below wait the special elements: a slot (an invisible anchor point for section inserts) and the preview line, which for closed content marks the boundary of the open part. This article is available to everyone, so the line hides nothing here.

This paragraph already stands past the preview line. For members-only or paid content, this is exactly where the part visible only to entitled readers would begin.