CSS (Cascading Style Sheets) is the language used to style an HTML document. CSS describes how HTML elements should be displayed.

Includes knowledge areas


CSS Syntax, Selectors, CSS Typography, Division and Span, etc.

Responsive design

Responsive web design provides an optimal experience, easy reading and easy navigation with a minimum of resizing on different devices such as desktops, mobiles and tabs


Float is a CSS positioning property.


The position property can help you manipulate the location of an element.


The display property specifies the display behavior (the type of rendering box) of an element.

Box Model

The box model is the ruleset a browser uses to determine an element’s size and how it interacts with other elements.

CSS Grid

CSS Grid is a powerful tool that allows for two-dimensional layouts to be created on the web. The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.

Flex Box

The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.

CSS Frameworks

A CSS framework is a library allowing for easier, more standards-compliant web design using the Cascading Style Sheets language. For example there are few of them, the most popular: Reactstrap, Material UI, Tailwind CSS, Chakra UI, Bootstrap, Materialize CSS, Bulma

CSS Architecture (BEM, OOCSS, SMACSS)

CSS methodologies to structure and organize CSS

Is a part of:









The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.