Skip to content

Conversation

@jordimas
Copy link
Contributor

@jordimas jordimas commented Sep 27, 2025

This improves CLS (cumulative layout shift)

Key points here:

  • display:flex; flex-wrap:wrap ensures the links wrap nicely without pushing content down unexpectedly.
  • flex:0 0 auto; min-width:20px reserves space for each link to prevent shifts if fonts load late.
  • gap:4px keeps spacing consistent.

Using performance in google chrome tools shows CLS going to 0
This code is share in 3 dictionaries (eng-cat, verbs, and sinonims). We need to test it well.

Questions:

  • How we can make this to main.css?
  • How main.css is built?

@jordimas jordimas requested a review from xavivars September 28, 2025 18:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants