Contorno da seção

  • Crie o código HTML/CSS responsivo para estes pngs, que mostram o layout com uma coluna (2.png) e duas colunas (1.png), com as seguintes características:
    • para embutir no Moodle, 
    • usando o minimo de bibliotecas externas, 
    • responsividade para duas colunas no desktop, 
    • mantendo a ordem dos blocos na figura 2.png, 
    • margem entre as colunas no desktop, 
    • indicação das tags placeholder onde devo inserir as imagens 
    • CSS com nomes que não dêem conflito com o Moodle 
    • comentários no código 
    • usando a fonte Poppins, embutida do Google.

Acessibilidade
Redefinir tudo

Cor de fonte Cor de fonte

Tipo de fonte Tipo de fonte

Font Kerning Font Kerning

Tamanho da fonte Tamanho da fonte

1

Visibilidade da Imagem Visibilidade da Imagem

Espaçamento entre letras Espaçamento entre letras

0

Altura da Linha Altura da Linha

1.2

Destaque do link Destaque do link

Paragraph Width Paragraph Width

0

Text Alignment Text Alignment

Cor do texto Cor do texto