custom units aren't "preferred" in classes selection

Open

#25 opened on Aug 25, 2023 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty: 3/5
Estimated time: 1-2 days
Newbie friendliness: 35/100

Issue type: Bug
Clarity: Mostly clear
Activity status: Stale
Tech stack: tailwindcss
Domain: devtools, frontend

Research direction

Reproduce the provided HTML and Tailwind classes in Chrome with DevTools open at a 2560px window, then compare the applied grid class with DevTools closed. The issue is done when the appropriate min-* class is selected consistently and the base grid-cols class no longer overrides it in DevTools.

Written by the indexing model from the issue text.

Description

I know it's a rare issue, but still, i think it's worth sharing.
Here is a component that displays a certain number of cards according to screen width (hence the precise numbers).

<div class="projects-cards mt-10 grid
                max-w-full
                grid-cols-[repeat(1,_minmax(273px,_1fr))]
                min-[626px]:grid-cols-[repeat(2,_minmax(273px,_1fr))]
                min-[1000px]:grid-cols-[repeat(3,_minmax(273px,_1fr))]
                min-[1356px]:grid-cols-[repeat(4,_minmax(273px,_1fr))]
                min-[1591px]:grid-cols-[repeat(5,_minmax(273px,_1fr))]
                min-[1900px]:grid-cols-[repeat(6,_minmax(273px,_1fr))]
                gap-11 pb-10"
                     id="projects-cards">

                </div>

In the browser without DevTools, the min-* classes have higher priority: if my window width is 2560px, i'll have 6 rows.
But in Chrom with DevTools, the grid-cols-[repeat(1,_minmax(273px,_1fr))] is applied, whatever the actual window width.

Dominant language: No language data
Stars: 5
Forks: 0
PR merge metrics: No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

Read the whole issue, then the project's contributing guide.
Comment on the issue to say you are picking it up — it saves two people doing the same work.
Fork the repository and make your change on a branch.
Open a pull request that references the issue number.

Similar issues

validate-structure inspecte challenge/work/.terraform et rend faux les labs qui ont un provider en cache Open

bug

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

stephrobert/dsoxlab#238 · Opened Sep 24, 2026
Uniform probability densities use the upper bound as an interval width Open

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

nasa/fmdtools#40 · Opened Sep 24, 2026
_common_folder() treats a single file as the common folder; single-file archives can't be installed (4.2.8) / crash (master) Open

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

sublimehq/package_control#1780 · Opened Sep 24, 2026
Inconsistent pairing of sbt-typelevel and scalajs Open

bug

Difficulty 2/5 1-3 hours Newbie friendliness 75/100

typelevel/sbt-typelevel#929 · Opened Sep 24, 2026
Update HugeIcons library Open

Difficulty 2/5 1-3 hours Newbie friendliness 65/100

antfu-collective/icones#398 · Opened Sep 24, 2026

More DevTools issues