Para escrever CSS melhor para estilizar sites, você deve primeiro aprender três coisas: design responsivo, seu código é sustentável e escalonável e é performativo.

O design responsivo visa garantir que seu site tenha uma aparência e um comportamento perfeitos em todos os tamanhos de tela possíveis. Como o número de tamanhos de tela está cada vez maior, o design responsivo é um conceito fundamental que todo desenvolvedor front-end deve aprender e dominar.

O código que você escreve deve ser escrito de tal forma que outros desenvolvedores também possam entendê-lo facilmente e contribuir com ele. Isso torna o código mais fácil de manter e pode ser facilmente dimensionado se o escopo do projeto aumentar.

Use nomes de classe simples e significativos e a marcação deve usar principalmente elementos semânticos.

O desempenho das classes e estilos CSS só pode ser aumentado quando você usa os atributos adequados e também os recursos mais recentes disponíveis para tornar seu código mais eficiente.

Sistematize seu código

Sempre use um sistema ao projetar do zero, divida cada seção em componentes independentes que também podem ser usados ​​posteriormente. Projete com componentes em mente, não com layouts.

A arquitetura BEM é um excelente ponto de partida para uma abordagem sistemática ao CSS.

A abordagem 7 para 1 também é uma boa escolha se você trabalha principalmente com grandes bases de código e não vale a pena para projetos menores. Essa abordagem descreve que você cria sete arquivos diferentes para cada estilo de tipo e depois os combina em um único arquivo.

Espero que essas dicas ajudem, se você tiver dúvidas deixe nos comentários e se quiser se conectar comigo pode me seguir no Twitter(X) ou Linkedin: @syedumaircodes