First things first

Related Reading

Before diving in, you might want to check out these related topics:

• Investing Fundamentals - Start with the basics
• DCF Valuation - Learn about valuation methods

This is regular paragraph text. It stays within the comfortable reading width of approximately 65 characters per line. This makes it easy to read without your eyes getting tired from tracking across overly long lines.

I want to see how this gets

If this gets rendered weird we shall know

Using Wide for charts and infographics

When you need more space for a chart or infographic, wrap it in the Wide component:

When to use Wide

This is a subsection explaining when the Wide component is appropriate.

Specific use cases

Here are some specific scenarios where Wide works best.

Back to regular content width. Notice how the text returns to the comfortable reading width while the chart above had more breathing room.

Using FullBleed for immersive content

For truly full-width content like hero images or background sections:

Best practices for FullBleed

Some guidance on when and how to use full-bleed sections effectively.

And we’re back to normal text. The transition feels natural because we maintain consistent typography.

You can also use CSS classes directly

If you prefer not to import components, just add the class: