For the "semantic web" part, what we've been using in my company recently , is the `<x-something>` tag which are valid html5 so except if there's a really fitt

For the "semantic web" part, what we've been using in my company recently , is the `<x-something>` tag which are valid html5 so except if there's a really fitting html5 tags (like footer, h1 , main ), we will have `<x-card>` `<x-avatar><img ></x-avatar>` (In case we must have an additional ) so that it's easier to convey the semantic (especially when looking in the dom inspector) for the css we've been using tailwind (and couldn't be happier), but for personnal projects I guess picocss would be a really nice fit with `<x-semantic>` tags