Containers

Declass supports two main colorful containers for storing information and messages.

1. <div>s
2. Footers

# <div>s

The best way to use a <div> tag is to put a heading, text, and maybe some buttons inside of it. A <div> has an automatic width of 100% and will fill the available width and inherit the pages theme color. You can see a custom example of a <div> here:

<div>
  <h1>
    Hi!
  </h1>
  <p>
    I'm text inside of a <code>div</code>.
  </p>
</div>

# Footers

It's recommended to put a footer at the bottom of your page. It looks similar to a <div>, but it automatically has smaller text and is more mobile-friendly. It can be filled with paragraphs, headers, dropdowns, (which you will learn about later) and more! You can see an example of a footer at the bottom of this page.

<footer>
  <h1>
    Hi!
  </h1>
  <p>
    I'm text inside of a footer.
  </p>
</footer>

Information for this support table comes from Can I Use.