23:["$","div","1",{"className":"mb-8","children":[["$","h2",null,{"id":"unordered-and-ordered-lists","className":"font-display font-bold text-xl text-text mb-3 scroll-mt-20","children":"Unordered and ordered lists"}],"$undefined","$undefined","$undefined",["$","div",null,{"className":"mb-4","children":[["$","p",null,{"className":"data-label mb-1.5","children":"The three list types"}],["$","div",null,{"className":"rounded border border-border bg-bg overflow-x-auto","children":["$","pre",null,{"className":"px-4 py-3 text-xs font-mono text-text-dim leading-relaxed whitespace-pre","children":"\n

NordVPN
ExpressVPN
Surfshark

\n\n\n

Create a Supabase project
Run the migration SQL
Set your environment variables
Deploy to Vercel

\n\n\n

Web Hosting\n
- Shared hosting
- VPS
- Managed WordPress
\n
VPNs
AI Tools

\n\n\n

HTML: The language that structures content on a webpage
CSS: The language that styles how that content looks

"}]}]]}],"$undefined","$undefined","$undefined",["$","div",null,{"className":"flex gap-3 p-4 rounded border border-blue/20 bg-blue/5 mb-4","children":[["$","div",null,{"className":"w-5 h-5 rounded border border-blue/40 bg-blue/10 flex items-center justify-center shrink-0 mt-0.5","children":["$","span",null,{"className":"text-blue text-xs font-bold","children":"→"}]}],["$","div",null,{"children":[["$","p",null,{"className":"text-xs font-semibold text-blue mb-0.5","children":"Try this"}],["$","p",null,{"className":"text-sm text-text-dim leading-relaxed","children":"Add a features section to your about.html page using an unordered list (three features of your project). Add an ordered list of 4 steps someone should take to get started. Add a navigation menu as a

items. You now have real, semantic HTML."}]]}]]}],"$undefined"]}]

Lists — Bullets, Numbers, and Definitions