Glossary of Terms
Body
Highest level wrapper of visible elements of a web page
Component - General
An encapsulated design pattern that can be reused in similar but discreet instances across your site
Component - Webflow
An encapsulated design pattern that can be copied across your site. Each instance is connected such that editing one will edit all. Also referred to as "Symbol"
Container
A div with special properties that adds spacing to the left and right of content. Typically has a set max-width, is centered horizontally, and has width set to 100%.
Design Pattern
A reusable element that solves a commonly occurring problem
Design Pattern
A reusable element that solves a commonly occurring problem
Div
A division; discreet block (box) used to group elements together. May be nested in other Divs, Containers, and Sections.
Element
Any single html object, i.e. Div, Image, Paragraph, Heading, Etc.
Flex (flexbox)
CSS layout module that allows us to easily create flexible layouts in one direction (dimension?) Rows OR Columns. This property is assigned to a Div.
Gap
Blank space between an element's children
Grid (CSS Grid)
CSS layout module that allows us to easily create flexible layouts in two directions (dimensions) Rows AND Columns. This property is assigned to a Div.
Margin
Blank space around an element (set in 4 directions)
Padding
Blank space inside an element (set in 4 directions) that wraps around the element's children
Section
A high level wrapper that groups elements together horizontally. Sections can only be placed into the Body, Header, Main, and Footer. They may not be placed within other sections.
