H1: prose-base 1rem (16px)

H2: Can also be written as 'prose', this is the default and applies to screens 768px and up

H3: Subsection Heading

Tailwind CSS follows a mobile-first design principle. This means that, by default, CSS rules without any modifiers (like text-blue-500 or p-4) are applied to all screen sizes, including the smallest mobile device screens. When you use breakpoint prefixes such as sm:, md:, or lg:, you are adding or overriding styles for screens that are larger than (or equal to) that size. Breakpoints are cumulative and overriding. If you only use sm: and not md: or lg:, the sm: styles will be active from 640px and will continue to apply indefinitely (or until a different breakpoint style overrides them).

You can write text that is bold, italicized, or contains code snippets.

This is a blockquote area.

• Unordered List Item A
• Unordered List Item B

1. Ordered List 1
2. Ordered List 2

function greet(name) {
  return 'Hello, ' + name + '!';
}