diff --git a/tienda/templates/tienda/home.html b/tienda/templates/tienda/home.html
index 98b5896..4465721 100644
--- a/tienda/templates/tienda/home.html
+++ b/tienda/templates/tienda/home.html
@@ -121,8 +121,6 @@
@media (max-width: 767.98px) {
.hero-section h1 {
- margin-left: auto;
- margin-right: auto;
text-align: center;
text-wrap: balance;
}
diff --git a/tienda/tests.py b/tienda/tests.py
index ced6966..eb6b8e1 100644
--- a/tienda/tests.py
+++ b/tienda/tests.py
@@ -1358,11 +1358,21 @@ 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):
+ def test_home_mobile_welcome_title_centered(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;")
+ html = response.content.decode()
+ media_idx = html.find("@media (max-width: 767.98px)")
+ self.assertNotEqual(media_idx, -1)
+
+ rule_idx = html.find(".hero-section h1", media_idx)
+ self.assertNotEqual(rule_idx, -1)
+
+ block_end_idx = html.find("}", rule_idx)
+ self.assertNotEqual(block_end_idx, -1)
+ rule_block = html[rule_idx:block_end_idx]
+
+ self.assertIn("text-align: center", rule_block)
+ self.assertIn("text-wrap: balance", rule_block)
def test_login_required_endpoints_redirect_anonymous(self):
secured_get_routes = [