Minha 1ª recomendação seria assistir o vídeo do Fabio Akita chamado A História do Front-end, que vai explicar como as coisas evoluiram, e pq utilizamos esses frameworks (React, Vue, etc.). Acho que isso da uma boa noção sobre pq utilizamos essas coisas nos dias de hoje.

Minha 2º recomendação é que, principalmente com HTML e CSS, eu aplicaria um método de aprendizagem orientado a projetos, ou seja, pensa em um layout de uma empresa de algum familiar ou amigo, e tenta fazer uma página simples, só com HTML e CSS. A medida que as dúvidas sobre algumas coisas forem surgindo, você pesquisa a respeito.

O HTML você entendendo a questão de semântica, e no CSS o Box-Model, já é meio caminho andado. Recomendo pesquisar sobre esses dois conceitos, e entende-los de fato. Parece básico, mas tenho certeza que tem muitas pessoas de Front-end que acham que a tag H1 serve para deixar o texto maior.