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.