Knowledge Map

Explore Topics.

Technical deep-dives and strategic breakdowns across the stack.

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/agile/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#agile</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/ai/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#ai</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/architecture/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#architecture</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/automation/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#automation</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/branch-management/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#branch-management</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/business/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#business</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/clean-code/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#clean code</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/cloud-costs/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#cloud costs</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/coding/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#coding</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/collaboration/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#collaboration</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/communication/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#communication</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/consultancy/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#consultancy</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/content-marketing/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#content marketing</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/css/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#css</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/cwebp/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#cwebp</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/developer-tools/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#developer-tools</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/devops/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#devops</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/founders/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#founders</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/fractional-cto/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#fractional cto</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/freelancing/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#freelancing</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/frontend-architecture/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#frontend architecture</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/gemini/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#gemini</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/git/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#git</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/github/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#github</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/github-pages/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#github pages</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/growth/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#growth</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/image-optimization/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#image optimization</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/infrastructure/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#infrastructure</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/internal-tools/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#internal tools</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/ip-ownership/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#ip ownership</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/javascript/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#javascript</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/large-language-models/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#large language models</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/lead-generation/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#lead generation</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/llm/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#llm</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/machine-learning/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#machine learning</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/maintenance/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#maintenance</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/marketing/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#marketing</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/micro-frontends/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#micro frontends</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/modularity/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#modularity</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/mvp/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#mvp</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/natural-language-processing/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#natural language processing</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/next-js/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#next.js</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/node-js/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#node.js</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/notion/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#notion</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/portfolio/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#portfolio</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/post-launch/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#post-launch</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/process/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#process</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/product-development/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#product development</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/productivity/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#productivity</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/programmatic-seo/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#programmatic seo</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/prompt-engineering/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#prompt engineering</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/react/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#react</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/refactoring/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#refactoring</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/repository-management/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#repository management</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/saas/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#saas</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/saas-strategy/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#saas strategy</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/scalability/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#scalability</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/seo/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#seo</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/software-lifecycle/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#software lifecycle</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/startup-strategy/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#startup strategy</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/static-site/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#static site</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/strategy/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#strategy</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/technical-debt/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#technical debt</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/technology/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#technology</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/transparency/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#transparency</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/typescript/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#typescript</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/ui-ux/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#ui/ux</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/user-experience/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#user experience</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/vendor-lock-in/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#vendor lock-in</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/version-control/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#version-control</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/vue-3/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#vue 3</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/vue-cli/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#vue cli</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/vue-devtools/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#vue devtools</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/vue-js/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#vue.js</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/vuepress/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#vuepress</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/web-design/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#web design</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/web-development/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#web development</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/web-performance/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#web performance</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

<div class="col-12 md:col-4 lg:col-3 p-2">
  <a href="/tags/webp/" class="no-underline block p-4 surface-card border-round-2xl border-1 border-100 shadow-1 hover:shadow-3 transition-all text-center">
    <div class="text-primary font-bold text-lg mb-1">#webp</div>
    <div class="text-500 text-xs uppercase tracking-widest">Explore Topic</div>
  </a>
</div>

Want more insights?