"Use the Apply Styles controls to set Type (default styles), Class (style variation), and ID (single style change) for every element. Will save you from repeatedly choosing the common style choices."Learn more about Selectors
— Classes may be used inline as well like this citation!
Move the magic slider to the left. When you want to make the items stack go to the Style pane > Layout > Display > Grid. Use the +/- arrows to create a 2-row single column layout for the content to position itself within.
Learn more about CSS Grid >The image on the right has a hover effect. The image is nested in a container that is set to the hidden position. This means that when you do hover, the image expands but is constrained within the container size. You can change the time of the transition in the Effects section.
Learn more about States >Use the HTML Element to inject custom markup into the page. From the Element pane, you can manage custom HTML, CSS, and JavaScript and edit within the handy code dialog.
Learn more >Set common page items as a Symbol on the Content pane to keep items in sync across your project. This is helpful for your nav menus and page footers so changes are applied globally.
Learn more >Browse the Components Library to access a growing collection of premade, customizable website features and page regions to insert into your web pages.
Learn more >Add new pages to your project from the Page Manager from the Pages toolbar icon. Here you can configure page SEO details, adjust page names, or change the page order.
Learn more >