This is a block section.

These 4 elements are displayed by default as block.

1

2

3

4

This is a flex section.

Make these elements displayed as flex by applying the flex property to their parent container.

1

2

3

4

This is a grid section.

Make these elements displayed in a grid by applying the grid property to their parent container.

1

2

3

4

This is a block section with inline-block elements.

Make elements 2 and 3 displayed as inline-block elements, even if they are placed within a block parent container.

1

2

3

4

This is a block section with an opacity of 0%.

Make this section invisible, but keep it within the flow of the web page.

1

2

3

4

This is section is set as display: none;‍.

Make this section invisible, but keep it within the flow of the web page.

1

2

3

4