the-new-css-reset
the-new-css-reset copied to clipboard
elad2412
The New Simple and Lighter CSS Reset
Change `max-width` to `max-inline-size` in order to control layout through logical rather than physical, direction and dimension mappings. This helps with making websites internationally compatible. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties
Problems with flip cards in Safari. After removing the line below, the backface is hidden again, solving the problem. With it applied, even using the -webkit- prefix, the backface was...
REF: https://web.dev/learn/design/responsive-images/#constrain-your-images I am still trying to digest that, but basically we need to use this: ```css img { max-inline-size: 100%; } ``` instead of this(which is what this library...
The "new" `auto` default value on `min-width` and `max-width` causes problems in Flexbox because flex-items do not shrink on small screens due to their content. `auto` computes to 0 for...
Hello! I came across [this article today on text-size-adjust](https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably/) and am wondering if it's worth setting it to `none` in the reset? Reading the MDN article, I'm not sure if...
Hey Elad, I really love your work! I published a css reset with similar goals a while back (https://www.npmjs.com/package/reset-css-complete) but I dig your approach so much more! Anyway, I thought...
[Issue#52](https://github.com/elad2412/the-new-css-reset/issues/52#issue-1381369427) -- Remove list-style on summary
`summary` has list style that needs to be removed.  https://codepen.io/idesmar/pen/JjvyJRa?editors=1000
The reset styles are overriding all styles under [layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) Example: https://codepen.io/aspirisen/pen/oNOwEqv
