From 6d7b6456a9fe9a23c58ce4c19c881803dfb0059e Mon Sep 17 00:00:00 2001 From: andre Date: Fri, 25 Sep 2026 23:25:23 +0100 Subject: [PATCH] fix(responsivo): elimina overflow horizontal de 3px em mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit As regras `.container>.row` e `.contact-form .row` usavam margem negativa de -15px (herança do Bootstrap 4), mas o container do Bootstrap 5 tem padding de 12px — sobrava 3px de overflow horizontal a 375px (scrollWidth 378 vs 375). Passaram a -0.75rem (o gutter real do BS5), anulando exatamente o padding. Co-Authored-By: Claude Fable 5 --- site/assets/css/style.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/site/assets/css/style.css b/site/assets/css/style.css index b897c6e..c0be905 100644 --- a/site/assets/css/style.css +++ b/site/assets/css/style.css @@ -78,8 +78,8 @@ } .container>.row { - margin-left: -15px; - margin-right: -15px; + margin-left: -0.75rem; + margin-right: -0.75rem; } /* Remove default outlines, use our focus ring */ @@ -1312,12 +1312,12 @@ h3.contact-title { float: right; } -/* The Nome/Telemóvel row sits in Bootstrap columns (15px padding); cancel that - with negative margins so those inputs line up flush with the full-width Razão - and Mensagem fields below them. */ +/* The Nome/Telemóvel row sits in Bootstrap columns (12px gutter, BS5); cancel + that with negative margins so those inputs line up flush with the full-width + Razão and Mensagem fields below them. */ .contact-form .row { - margin-left: -15px; - margin-right: -15px; + margin-left: -0.75rem; + margin-right: -0.75rem; } @media (min-width: 992px) {