Website Content Components - SAP-archive/techne GitHub Wiki

Page Content Structure

Content Components

Top Section

It gives context to the page with a main title and a short description

Horizontal Section

Displays a title on the left followed by a description and also it displays a main content to the left.

Vertical Section

Contains the same elements on the Horizontal Section not in the two columns layout.

Measurements

Inflexion points

Tablet Inflexion

• Top Section: stays at two columns.
• Horizontal Section: the layout behaves the same as the Vertical Section.
• Vertical Section: the layout stays the same.

Mobile Inflexion

• Top Section: display the title and content in a vertical way.
• Horizontal Section: the layout behaves the same as the vertical section.
• Vertical Section: the layout stays the same.

Document Flow

Desktop

Tablet

Mobile