Minha dúvida diz respeito à utilização dos links para referenciar os arquivos. É realmente necessário criar aquela quantidade de link? Os arquicos não poderiam ser concentrados por imports nas moleculas, e estas sim importadas para index?
Outra lógica esquisita que nao ficou explicada: por que usar 2 media query de min-with se bastaria usar apenas um de max-width?
olá, acredito que seja apenas formas diferentes de organizar os imports. Também achei diferente, ainda não tinha visto dessa forma, mas é possível sim concentrar os imports, por exemplo, no arquivo principal styles.css e importar apenas ele para o .html.
acredito que a parte mais importante é que os arquivos estejam separados e dedicados à sua seção do aplicativo, pois assim a manutenção e o entendimento ficam muito facilitados.
quanto ao 2 min-width ao invés de 1 max-width eu acredito que esteja relacionado à mentalidade "mobile first" onde você define toda estilização para versão mobile e só então vai adicionando querys nos breakpoint que você achar interessante para adptá-lo para telas maiores. Os mais comuns são 768px(tablet), 1024px(desktop), 1440px(desktop),...
e em cada um desses estágios você determina as mudança para se adaptar ao novo tamanho de tela.