webSemantics

One details element open at a time - An accordion

A progressively enhanced accordion using the details element and a small piece of vanilla JavaScript.

https://codepen.io/2kool2/pen/poOgxKb

Flex-wrap detection script.

Detects when a flexbox wraps and applies a 'wrapped' class to both the flexbox and any wrapped flex items.

It uses a resize observer instead of media queries, and avoids the need for minimum or maximum widths or complex calculations.

Flex-wrap detection script Detects when a flexbox wraps and applies a 'wrapped' class to both the flexbox and any wrapped flex items. It uses a resize observer instead of media ...