diff --git a/tienda/templates/tienda/home.html b/tienda/templates/tienda/home.html index ff4e691..98b5896 100644 --- a/tienda/templates/tienda/home.html +++ b/tienda/templates/tienda/home.html @@ -118,6 +118,15 @@ font-size: 1.1rem; opacity: 0.9; } + + @media (max-width: 767.98px) { + .hero-section h1 { + margin-left: auto; + margin-right: auto; + text-align: center; + text-wrap: balance; + } + } {% endblock %} diff --git a/tienda/tests.py b/tienda/tests.py index 1f6b083..ced6966 100644 --- a/tienda/tests.py +++ b/tienda/tests.py @@ -1358,6 +1358,12 @@ class EndpointViewTests(TestCase): response = self.client.get(url) self.assertEqual(response.status_code, 200) + def test_home_includes_mobile_centering_rule_for_welcome_title(self): + response = self.client.get(reverse("home")) + self.assertContains(response, "@media (max-width: 767.98px)") + self.assertContains(response, ".hero-section h1") + self.assertContains(response, "text-align: center;") + def test_login_required_endpoints_redirect_anonymous(self): secured_get_routes = [ reverse("mis_productos"),