Correções no visual mobile do site
eminetto opened this issue · comments
Ao adicionar o novo tema do site, o Lowkey o visual do site ficou de difícil leitura no mobile pois o espaçamento nas laterais da tela ficaram muito próximo da borda, conforme é possível ver nas imagens a seguir:
Home no iPhone
Página interna no iPhone
Home no iPad
No desktop o visual está como o esperado:
Home no desktop
![Captura de Tela 2024-01-14 às 13 01 00](https://private-user-images.githubusercontent.com/197939/296584016-397dcebb-3ae9-424e-bb4e-98d9567cfce6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MTMyNTgsIm5iZiI6MTcyMTgxMjk1OCwicGF0aCI6Ii8xOTc5MzkvMjk2NTg0MDE2LTM5N2RjZWJiLTNhZTktNDI0ZS1iYjRlLTk4ZDk1NjdjZmNlNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNFQwOTIyMzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNTMwMjg3ZjI1M2JhNDYzNGE5YTQ0NjViZWZlYWQyODQzODIxODBlYWNhY2E2NTk2Zjg1NThjZDM2NTYyNDk3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.lMquAZhEjrmpMSpZuKLWDY5wy4dn-MR9M8N73JLI59A)
Página interna no desktop
![Captura de Tela 2024-01-14 às 13 01 10](https://private-user-images.githubusercontent.com/197939/296584056-2cda9b6b-1019-4f5b-941c-565193251074.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE4MTMyNTgsIm5iZiI6MTcyMTgxMjk1OCwicGF0aCI6Ii8xOTc5MzkvMjk2NTg0MDU2LTJjZGE5YjZiLTEwMTktNGY1Yi05NDFjLTU2NTE5MzI1MTA3NC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNFQwOTIyMzhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04MmE3Mzk3OThjNzgyNGQ4NjQ4YWFhMTQ3NDE3YzljYTFjNjc2NmZhZDIyOTRkZWJiNzgxNTNjZjc2NzkzODljJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.TXSsn-uMAZCWPlA6uF2V6oHXK7ueRQBF66UF5xhJxYA)
É preciso ajustar o CSS para dar mais espaço nas laterais, para ficar mais fácil a leitura do texto.
O site foi construído usando o Hugo e os arquivos do tema estão neste diretório