To help you take advantage of the full potential of Layout Maker, we have put together a glossary of the most common terms we use through the software to help you become more familiar with the program.

Word Definitions:

Breakpoints Design adjustments and style rules that are specific to certain defined screen resolutions. At these points your site’s content will respond by applying these set rules to provide the user with the best possible layout to view the information.
Breaker Change the layout and design of your site at any width of your choice.
Clear A property that restricts floating elements to specific sides of a content container.
Column Used for setting the (column-count) or amount of columns in a Row.
Element An essential characteristic or aspect to represent the various content within your website.
Float This property allows you to adjust the specific placement of an element within a content container.
Layout A structured arrangement of content columns and elements that outlines the design of your website.
Properties Design settings that define characteristics of rows, columns and elements.
Row Divide up your layout horizontally. These sections will be used to hold columns and elements for your site content.
Sizer A sliding tool to change your viewport so you can check out your site any size.
Span The specific length a content column may stretch based upon the available display width.
Wireframe A visual guide that represents the skeletal framework of a website.
Gutter Is the width, or empty space, between columns
Margins Is the spacing around the outside of an element or project.
Padding Is the spacing between an element and its container borders.
Push/Pull Re-position divided columns by additional unused space within the row.


Address An example set of text that displays as an Address
Blockquote Specifies a section that is quoted from another source.
Button The name attribute is used to reference a button image.
Heading Represents a heading tag. H1-H6.
Form Used to display a placeholder for a sample form.
Image A placeholder for an image.
Link Inserts a link into your webpage.
Logo A symbol or other small design adopted by an organization to identify its products.
Lists An unordered list starts with the <ul> tag. Each list item starts with the <li> tag. The list items are marked with bullets (typically small black circles).
Map Allows you to visualize how a map will be displayed in your website.
Paragraph This is a paragraph of text.
Placeholder Holds the settings of the content making it easier for you to add once your theme is exported.
Rule Adds a horizontal line separator to your page.
Search Inserts a search box placeholder.
Social Ad A visual representation of a social media ad.
Square Ad A square ad that acts as a placeholder.
Table A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.</td>.