OpenLake/OpenLake--Website

[SPRINT-M25] fix:Improve Card Layout and Responsiveness

Open

#39 aberto em 25 de out. de 2025

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (12 forks)auto 404
enhancementgood first issue

Métricas do repositório

Stars
 (2 stars)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

The current card design lacks responsiveness and has text overflow and spacing issues, especially on smaller screens. This issue aims to refine the card layout, spacing, and typography for a more consistent and readable UI.

  • Tasks:
  1. Adjust card width and height for better scaling.
  2. Add proper spacing (margin-bottom, alignment fixes).
  3. Improve responsiveness with new media queries.
  4. Fix text wrapping and overflow in titles and tech sections.
  5. Maintain smooth flip animation and clean visuals
  • Expected Result : Cards should resize smoothly, align evenly, and display text clearly on all devices.
  • Labels used : enhancement

Guia do colaborador

Direção de pesquisa
Inspecione o CSS e a estrutura HTML do componente de cartão atual. Identifique os estilos que causam estouro e espaçamento inadequado. Adicione media queries para telas menores e garanta que a quebra de texto seja tratada corretamente. Teste em vários tamanhos de viewport.
Pilha de tecnologia
javascriptcss
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
80