26. Fill e fit, explicado

Descrição

Comentários

Fala galera, tudo bem? Nessa aula, eu ensino como usar os recursos "fill" e "fit" no Framer, que também existem no Figma. O "fill" significa preencher e é usado para dividir espaço igualmente entre elementos, enquanto o "fit" funciona como um "abraço", ajustando automaticamente o tamanho de uma caixa ao conteúdo dela. Mostro um exemplo prático usando um site, trabalhando com stacks para entender como os blocos de texto e imagem se comportam. Faço ajustes no layout para otimizar o uso das margens e exploro como definir elementos como "fixed" para manter a altura ou largura, ou deixar como "fill" para que se adaptem ao espaço disponível na tela. Ao longo da aula, demonstro como esses conceitos funcionam na prática, ajustando textos e imagens para criar um layout organizado e responsivo. Espero que tenha ficado claro como aplicar o "fill" e "fit" e sua importância na estruturação de projetos visuais. Nos vemos na próxima aula!

Comentários

Descrição

Comentários

Fala galera, tudo bem? Nessa aula, eu ensino como usar os recursos "fill" e "fit" no Framer, que também existem no Figma. O "fill" significa preencher e é usado para dividir espaço igualmente entre elementos, enquanto o "fit" funciona como um "abraço", ajustando automaticamente o tamanho de uma caixa ao conteúdo dela. Mostro um exemplo prático usando um site, trabalhando com stacks para entender como os blocos de texto e imagem se comportam. Faço ajustes no layout para otimizar o uso das margens e exploro como definir elementos como "fixed" para manter a altura ou largura, ou deixar como "fill" para que se adaptem ao espaço disponível na tela. Ao longo da aula, demonstro como esses conceitos funcionam na prática, ajustando textos e imagens para criar um layout organizado e responsivo. Espero que tenha ficado claro como aplicar o "fill" e "fit" e sua importância na estruturação de projetos visuais. Nos vemos na próxima aula!

Comentários

Descrição

Comentários

Fala galera, tudo bem? Nessa aula, eu ensino como usar os recursos "fill" e "fit" no Framer, que também existem no Figma. O "fill" significa preencher e é usado para dividir espaço igualmente entre elementos, enquanto o "fit" funciona como um "abraço", ajustando automaticamente o tamanho de uma caixa ao conteúdo dela. Mostro um exemplo prático usando um site, trabalhando com stacks para entender como os blocos de texto e imagem se comportam. Faço ajustes no layout para otimizar o uso das margens e exploro como definir elementos como "fixed" para manter a altura ou largura, ou deixar como "fill" para que se adaptem ao espaço disponível na tela. Ao longo da aula, demonstro como esses conceitos funcionam na prática, ajustando textos e imagens para criar um layout organizado e responsivo. Espero que tenha ficado claro como aplicar o "fill" e "fit" e sua importância na estruturação de projetos visuais. Nos vemos na próxima aula!

Comentários

Especialistas

Henrique Sabino

Fundador da Harena

Mentor

Hashtags

#Fill #Fit #Framer #Figma #Stacks

Olá 👋,

Em que posso ajudar?

Sugestões & Feedbacks