#19 feat(IGAL-EST): adicionar responsividade na SectionPartnership

Merged
joycekepler merged 2 commits from joycekepler/feature/IGAL-responsividade-bloco-sectionPartnership into joycekepler/development 2 days ago
Ester commented 2 days ago

O que foi feito

Foi implementada a responsividade da seção "SectionPartnership", garantindo adaptação adequada para diferentes breakpoints.

No desktop (lg), o layout foi mantido com 4 cards por linha.
No md, a grid foi ajustada para 2 colunas.
No mobile, os cards passaram a ser exibidos em coluna, com apenas 1 card por linha.

Além disso, foram realizados ajustes de espaçamento (margins/paddings), tamanhos de texto, logos e botão, visando melhor legibilidade e proporção visual em telas menores.

Tipo de mudança

  • Nova feature
  • Correção de bug
  • Refatoração
  • Documentação
  • Outro: ___

Como testar

  1. Acesse a landing e navegue até a seção de Parceiro e Pilares
  2. No desktop:
    • Verifique que há 4 cards por linha
  3. No md:
    • Verifique que a grid possui 2 colunas
  4. No mobile:
    • Verifique que os cards estão em coluna (1 por linha)
    • Confira espaçamentos, textos, logos e botão

Checklist antes do merge

  • Testei localmente
  • Não quebrei nenhum fluxo existente
  • Adicionei/atualizei testes se necessário
  • Variáveis de ambiente documentadas
  • Sem console.log ou código de debug

Ticket relacionado

Refs: Task Ester 29/04

## O que foi feito Foi implementada a responsividade da seção "SectionPartnership", garantindo adaptação adequada para diferentes breakpoints. No desktop (lg), o layout foi mantido com 4 cards por linha. No md, a grid foi ajustada para 2 colunas. No mobile, os cards passaram a ser exibidos em coluna, com apenas 1 card por linha. Além disso, foram realizados ajustes de espaçamento (margins/paddings), tamanhos de texto, logos e botão, visando melhor legibilidade e proporção visual em telas menores. ## Tipo de mudança - [x] Nova feature - [ ] Correção de bug - [ ] Refatoração - [ ] Documentação - [ ] Outro: ___ ## Como testar 1. Acesse a landing e navegue até a seção de **Parceiro e Pilares** 2. No desktop: - Verifique que há 4 cards por linha 3. No md: - Verifique que a grid possui 2 colunas 4. No mobile: - Verifique que os cards estão em coluna (1 por linha) - Confira espaçamentos, textos, logos e botão ## Checklist antes do merge - [x] Testei localmente - [x] Não quebrei nenhum fluxo existente - [ ] Adicionei/atualizei testes se necessário - [ ] Variáveis de ambiente documentadas - [x] Sem console.log ou código de debug ## Ticket relacionado Refs: Task Ester 29/04
joycekepler commented 2 days ago
Owner

Boa! Só ajustar a responsividade pra telas de tamanho 1024px, tá quebrando um pouco nessa largura

Boa! Só ajustar a responsividade pra telas de tamanho 1024px, tá quebrando um pouco nessa largura
This pull request has been merged successfully!
Sign in to join this conversation.
No Label
No Milestone
No assignee
2 Participants
Loading...
Cancel
Save
There is no content yet.