# Definition

![User uploaded image](https://mumblemo.teamwork.com/spaces/api/v1/spaces/880/pages/4611/attachments/inline/3168/view)

## **Block**

{% hint style="info" %}
A ***block*** is an abstract model with which you define the structure of a piece of content.&#x20;

Each *block* is made up of one or more *elements*.&#x20;
{% endhint %}

For example, if you are creating a *block* for a blog article, you would create a model presumably composed of:

* &#x20;A **textarea** *element* for the title
* &#x20;A **markdown** *element* for the actual content
* &#x20;An **image** image *element* for the featured image
* &#x20;A **dropdown** *element* to create and pick categories for your articles

## **Section**

{% hint style="info" %}
A ***Section*** represents the *block* when it has been filled with its content
{% endhint %}

{% hint style="success" %}
When you create the *block*  for a blogpost and add content to it, you get a *section*
{% endhint %}

## **Element**

{% hint style="info" %}
&#x20;With the term ***Element***, we identify the fields that make up a certain block.&#x20;
{% endhint %}

For instance, if the *block* is the model for a blog post, its *elements* could be a **text area**, **media**, **images**, **link** etc.

&#x20;
