Imagem para código

Adaptada da skill original do taste-skill, que era escrita para outro runtime. O método é o mesmo; as ferramentas são as deste ambiente.

O erro que define o resultado

A tentação é começar pelo topo da imagem e ir descendo, escrevendo markup. Isso produz uma reprodução que parece certa numa largura e desmorona em qualquer outra, com dezenas de valores mágicos e nenhum sistema.

Extraia o sistema antes de escrever qualquer markup.

1. Leia a imagem estruturalmente

Antes de código, responda: