Testing MDX Features

Headings work

Like this smaller one

And regular paragraphs with bold text, italic text, and links.

Lists

• First item
• Second item
• Third item with bold inside

1. Numbered lists
2. Also work
3. Like this

Blockquotes

Design is not just what it looks like and feels like. Design is how it works.

Code

Inline code looks like const x = 10 in a sentence.

Code blocks work too:

const tokens = {
  font: 'Fraunces',
  accent: '#8fada0',
};

Images

Horizontal rule

---

That's a divider above. And this is the end of the test post.

Tables

Tool	Purpose	Cost
Next.js	Framework	Free
Tailwind	Styling	Free
Vercel	Hosting	Free

Strikethrough

This text is no longer relevant.

Highlight

This is a sentence with a highlighted phrase in it.

Task list

• Set up project
• Build components
• Design in Figma
• Launch site