Antes de começar a desenvolver para a web, por exemplo, aprenda desde o báisco ou melhore suas habilidades em HTML e CSS. Navegue por essa ordem, caso você deseje conhecer desde o básico desses temas. Seletores CSS, CSS Flexbox, desafios com CSS, e um site que reúne HTML, CSS e JavaScript para você fazer projetos e até mesmo colocá-los em seu portifólio. A prática é a chave para a aprendizagem. Siga em frente.
CSS Dinner
São 32 mesas de jantar diferentes para que você selecione elementos usando CSS. Você vai aprender a usar seletores da forma básica até a avançada. Caso você não consiga algum desafio, basta clicar na seta que fica no topo da página – do lado direito, ao lado do Level ou nível que você está, em português.
FlexBox Froggy
Chegou a hora de você praticar o Flexbox. Leia as instruções no alto da tela de cada desafio. Observe que ao clicar em uma propriedade flex listada ali, o site apresenta quais são as respectivas propriedades existentes. São 24 desafios para você se tornar um fera em Flexbox.
CSS Battle
São vários desafios CSS para você superar até mesmo contra outros usuários. Funciona como um jogo on-line. Você vai aprender jogando cada uma das batalhas. Para motivar mais ainda há um ranking dos usuários. Caso queira, é oferecido um curso pago de CSS que custava U$ 36/ano, quando escrevi esse texto.
Codier.io
Codier junta desenvolvedores front-end para criar, compartilhar e desafiar uns aos outros. Aproveite uma ampla variedade de desafios de codificação criados pela comunidade ou crie o seu próprio para que outros resolvam. Codier é ideal para desenvolver suas habilidades de desenvolvimento front-end. Aqui você vai poder praticar, com criatividade, HTML, CSS e JavaScript. São trabalhos que podem ser colocado em seu portifólio.