Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

custom units aren't "preferred" in classes selection

Aperta
#25 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
tailwindcss
Ambito
devtools, frontend

Direzione di ricerca

Riproduci l’HTML e le classi Tailwind forniti in Chrome con DevTools aperto in una finestra da 2560px, quindi confronta la classe grid applicata con DevTools chiuso. L’issue è completata quando la classe min-* appropriata viene selezionata in modo coerente e la classe base grid-cols non la sovrascrive più in DevTools.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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.

Lingua principale
Nessun dato sulla lingua
Stelle
5
Fork
0
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di beyondcode/devtoolsfortailwind-community

Tutte le issue di beyondcode/devtoolsfortailwind-community

Issue simili

Altre issue su DevTools

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.