5x CSS používej !!!

30.9.2026

1. Scroll-margin na target
   
   html {scroll-behavior: smoth;}
   :target {scroll-margin-top:200px;}
   
   
2. Overflow scroll snapping
   
   div {overflow-x: scroll; scroll-snap-type: inline mandatory;}
   div > child {scrol-snap-align:left / center / right;}
   
   
3. Input validation
   
   Always use input:user-valid and input:user-invalid
   
   
4. Focus-visible
   
   Always use :focus-visible instead of :focus
   
   
5. Textarea
   
   Use "lh" units for min-height (v podstatě řádky, nehledě na velikost fontu)
   Add field-sizing: content;