Revisão de HTML e CSSTreinamento em programação

Revisão de HTML e CSS: bugs de layout e ajustes responsivos

Entrega a partir de 1 diaAjustes incluídosControle de qualidade
Pacotes
Pagamento protegidoDetalhes
  • Os ajustes previstos no pacote são gratuitos.
  • Se você não responder em 3 dias após a entrega, o trabalho é aprovado automaticamente.
Fazer pedido · US$ 35

O dinheiro fica reservado no pagamento e só é liberado quando você aprova o trabalho.

Revisão de HTML e CSS: bugs de layout e ajustes responsivos

Exemplo de resultado

Exemplo do pacote Padrão

Revisão de código: script em Python para importar pedidos de uma loja virtual

O que o código faz

  1. Lê o orders.csv exportado da loja.
  2. Para cada item do pedido, procura o produto pelo SKU no stock.xlsx e subtrai a quantidade.
  3. Grava o estoque atualizado e registra os totais em import_log.txt.

A estrutura é clara e as funções têm bons nomes. A maioria dos problemas vem de dados de entrada que não chegam no formato que o script espera.

Bugs e pontos fracos

#LinhaGravidadeProblema
148AltaO mesmo CSV pode ser importado duas vezes; não há checagem dos IDs de pedido já processados. É a causa mais provável do estoque negativo.
272Altaint(row["qty"]) quebra com valores vazios ou "2.0" de pedidos reembolsados.
395MédiaA busca por SKU diferencia maiúsculas: "gt-101" e "GT-101" viram produtos diferentes.
4130MédiaO arquivo é aberto sem encoding="utf-8", então nomes com acento quebram no Windows.
5201BaixaUm except: genérico esconde os erros reais e deixa o log inútil.

Trechos corrigidos

Problema 1: pular pedidos já importados

processed = load_processed_ids("processed_orders.txt")
for row in reader:
    if row["order_id"] in processed:
        continue
    # ... lógica existente ...
    processed.add(row["order_id"])
save_processed_ids("processed_orders.txt", processed)

Por quê: cada pedido é aplicado uma única vez, mesmo que você rode o script de novo com o mesmo arquivo.

Problema 2: ler a quantidade com segurança

raw = (row.get("qty") or "").strip()
try:
    qty = int(float(raw))
except ValueError:
    log.warning("Pedido %s: quantidade inválida %r, ignorado", row["order_id"], raw)
    continue

Por quê: itens reembolsados ou parciais são pulados com um aviso claro, em vez de interromper toda a importação.

Problema 3: padronizar os SKUs

sku = row["sku"].strip().upper()

Aplique o mesmo .strip().upper() ao montar o dicionário de estoque.

Estilo e legibilidade

  • process() tem 90 linhas; divida em read_orders, apply_to_stock e write_report.
  • Troque os números de coluna "mágicos" (row[7]) pelos nomes dos cabeçalhos.

Teste cada correção em uma cópia dos seus arquivos: lemos o código, mas não o executamos.

Cliente: dona de uma loja de chás que escreveu um script em Python de 310 linhas para importar os pedidos de um CSV exportado para a planilha de estoque Problema relatado: "Às vezes o estoque fica negativo, e o script trava com alguns arquivos."

O cliente e todos os dados são fictícios.

Sobre este serviço

Bugs de layout geralmente se resumem a poucas causas: uma largura fixa que transborda no celular, um contêiner flex ou grid configurado do jeito errado, um z-index que falha por causa de um stacking context ou media queries que brigam entre si. Cole o seu HTML e CSS com capturas de tela de como está e de como deveria ficar, e explicamos por que o layout quebra e entregamos o CSS corrigido. Também anotamos melhorias rápidas de acessibilidade, como texto alternativo, rótulos de formulário e ordem dos títulos.

O que está incluído

  • O que você recebeUma revisão escrita na página do pedido: por que o layout quebra, fragmentos de HTML e CSS corrigidos para desktop e celular e notas de acessibilidade. O Premium inclui um plano para organizar a folha de estilos em classes reutilizáveis.
  • Correções de layoutFlexbox, grid e overflow
  • Regras responsivasMedia queries que não se chocam
  • Empilhamento e z-indexPor que elementos se escondem atrás de outros
  • HTML semânticoTítulos, landmarks, botões
  • Acessibilidade básicaTexto alternativo, rótulos e contraste

Como funciona

  1. 1
    BriefingVocê cola o código e as capturas de tela
  2. 2
    LeituraEncontramos as regras que quebram o layout
  3. 3
    RevisãoVocê recebe o CSS corrigido e notas

O que precisamos de você

O HTML e o CSS colados como texto, capturas de tela do problema no desktop e no celular, os navegadores em que acontece e como deveria ficar.

Vamos perguntar:

  • É CSS puro ou um framework?
  • Em quais tamanhos de tela e navegadores quebra?
  • Como a seção deveria ficar?
  • A página foi feita num construtor de sites ou escrita à mão?

Compare os pacotes

PacotesBásicoMarcação de até 100 linhasUS$ 15PadrãoMarcação de até 400 linhasUS$ 35PremiumAté 1.000 linhas com plano da folha de estilosUS$ 69
Prazo1 dia2 dias3 dias
Ajustes123
Linhas de códigoaté 100até 400até 1.000
Fragmentos corrigidosSimSimSim
Plano de limpeza da folha de estilosNãoNãoSim
Fazer pedido BásicoFazer pedido PadrãoFazer pedido Premium

Pagamento protegido

Você paga ao fazer o pedido, mas o dinheiro só é liberado pelo trabalho aprovado.

  • Preço fixoO preço do pacote não muda depois que você paga.
  • O dinheiro fica reservadoAo pagar, o valor fica apenas reservado. Ele só é repassado quando você aprova o trabalho.
  • Verificado antes da entregaCada resultado passa por um controle de qualidade antes de chegar até você, e você o vê na página do pedido antes de aprovar.
  • Ajustes gratuitosPeça ajustes dentro do seu briefing quantas vezes o pacote permitir.
  • Aprovação após 3 diasSe em 3 dias após a entrega você não aprovar o trabalho nem pedir ajustes, ele é aprovado automaticamente. Se você escrever no chat do pedido após a entrega, o pedido fica em espera; depois que respondermos, podemos reiniciar a contagem de 3 dias e avisaremos no chat.
  • Refazer ou reembolso totalSe o resultado não corresponder ao seu briefing e os ajustes não resolverem, ou se o trabalho levar mais que o dobro do prazo, escreva no chat do pedido: refazemos o trabalho ou reembolsamos o pagamento integralmente.
Como funciona →

Perguntas e respostas

Vocês testam em navegadores reais?

Não, lemos o código e as suas capturas de tela. Confira o CSS corrigido nos seus navegadores antes de publicar.

Vocês corrigem uma página feita no Wix ou no Tilda?

Só o código personalizado que você adiciona lá. O layout do próprio construtor é controlado no editor dele, não em um código que você possa enviar.

Isto é uma auditoria completa de acessibilidade?

Não. Anotamos problemas evidentes no código que você envia; uma auditoria completa exige testes com leitores de tela na página publicada.

Pacotes
Fazer pedido · US$ 35· 2 dias