Pense em algo como o bootstrap Vc coloca 1 linha de CSS e pronto!
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
Esse código mexe com o CSS todo de uma página! Então seu projeto de tornar tudo responsivo seria massa se pudesse ser instalado assim tbm!
Meu site ta todo ruim, preciso de algo simples e rapido pra arrumar! Boto seu link(pode ser CSS e JS 2 links não fazem mal kkkk) na head e magicamente as coisas acontecem :)
Entendi, como uma versão compacta da solução pode funcionar.
O desafio de aplicar o pacote todo dessa forma é a parte do pré processamento, que acontece somente durante o desenvolvimento e empacotamento do projeto. Se essas transformações fossem ocorrer em tempo de execução do sistema no browser, poderiamos ter problemas de performance e uma UI mutante (elementos iriam se transformar sozinhos sem interação do usuário).
De qualquer forma gostei da sugestão, seria bem prático mesmo! Quem sabe surjam ideias em como aplicar isso nos próximos passos. Obrigado
Vou conferir esse exemplo que você compartilhou como inspiração em como chegar nesse resultado