Skip to content

Instantly share code, notes, and snippets.

@zorky

zorky/index.html

Created February 15, 2025 14:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save zorky/a667e632c13458774b3ea6e8bcc83a1a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save zorky/a667e632c13458774b3ea6e8bcc83a1a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. zorky created this gist Feb 15, 2025.
    10 changes: 10 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    <div class="@container grid place-items-center w-screen h-screen">
    <button class="w-max flex items-center gap-2 p-4 @[9em]:px-6 rounded-lg text-sm bg-emerald-200 text-emerald-950">
    <svg viewBox="0 0 24 24" fill="none" stroke-width="1.5" stroke="currentColor" class="size-5">
    <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" />
    </svg>
    <span class="sr-only @[9em]:not-sr-only">
    Download <span class="sr-only @[13em]:not-sr-only">PDF file</span>
    </span>
    </button>
    </div>
    1 change: 1 addition & 0 deletions scripts
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <script src="https://unpkg.com/@tailwindcss/browser@4"></script>
    7 changes: 7 additions & 0 deletions simple-container-queries.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    Simple Container Queries
    ------------------------


    A [Pen](https://codepen.io/maciekmaciej/pen/RNwbBMq) by [Maciej](https://codepen.io/maciekmaciej) on [CodePen](https://codepen.io).

    [License](https://codepen.io/license/pen/RNwbBMq).