CSS Syntax, Selectors, CSS Typography, Division and Span, etc.
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.
The box model is the ruleset a browser uses to determine an element’s size and how it interacts with other elements.
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.
The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.
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 methodologies to structure and organize CSS
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.
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!
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.