📄️ Card Template
Cider uses a powerful Template Wizard to guide you through creating a new card template. The process has three main steps:
📄️ Custom Fonts
Utilize global-styles.css in the project root to import custom fonts for use in card templates.
📄️ Designing with Flexbox
CSS Flexbox is a powerful and flexible tool for designing your card layouts. It allows you to arrange elements—such as art, textboxes, and stats—in a container so they automatically adjust to fill space.
📄️ HTML & CSS Basics
Cider uses standard HTML and CSS, which gives you complete freedom over your card design. This page covers the basic structure and best practices for creating your card templates.