Para identificar os principais componentes de um site responsivo, precisamos considerar as técnicas que permitem que o design se adapte a diferentes tamanhos de tela e dispositivos. Vamos analisar as alternativas: A. Unidades em porcentagem no código CSS e webfonts. - Embora as unidades em porcentagem sejam importantes, webfonts não são um componente principal para responsividade. B. Estilos inline, icon fonts, SVG e unidades relativas no código CSS. - Estilos inline não são recomendados para responsividade, e icon fonts e SVG não são componentes principais. C. Unidades relativas no código CSS, contêineres flexíveis, mídia (imagens, vídeos) flexível e media queries CSS. - Esta opção abrange os principais componentes de um design responsivo, incluindo unidades relativas, contêineres flexíveis e media queries. D. Grades flexíveis, icon fonts e mídia (imagens, vídeos) flexível. - Embora grades flexíveis e mídia flexível sejam importantes, icon fonts não são essenciais para responsividade. E. Media queries CSS, SVG e scripts JavaScript. - Media queries são essenciais, mas SVG e scripts JavaScript não são componentes principais para responsividade. A alternativa que melhor apresenta os principais componentes para um site responsivo é: C. Unidades relativas no código CSS, contêineres flexíveis, mídia (imagens, vídeos) flexível e media queries CSS.