From 71e29a000404af9b8c146eeeabbbd1dd0fe42385 Mon Sep 17 00:00:00 2001 From: Justine Date: Sat, 4 Jan 2025 14:20:24 +0100 Subject: [PATCH] . --- css/t8.css | 16 +++++++++------- css/t9.css | 16 ++++------------ 2 files changed, 13 insertions(+), 19 deletions(-) diff --git a/css/t8.css b/css/t8.css index 1474841..f76ea51 100644 --- a/css/t8.css +++ b/css/t8.css @@ -4,7 +4,8 @@ body { background-color: #f4f4f9; color: #333; margin: 0; - padding: 80px; + padding: 0; + line-height: 1.6; } main { @@ -17,7 +18,7 @@ main { } output{ - font-size: 50px ; + font-size: 30px ; } button { @@ -26,8 +27,8 @@ button { background-color: #e74c3c; color: white; cursor: pointer; - border-radius: 50px; - font-size: 22px; + border-radius: 5px; + font-size: 16px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease, transform 0.2s ease; } @@ -45,8 +46,9 @@ img { } table { - width: 100%; + width: 100; border-collapse: collapse; + margin: 20px 0; border: 2px solid #ff9900; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } @@ -70,12 +72,12 @@ th { table tr:hover { background-color: #f1f1f1; } -table.table_magasin{ +/* table.table_magasin{ width: 150px; padding: 12px; margin-top: 10px; margin-bottom: 10px; -} +} */ a{ color: #fda500; diff --git a/css/t9.css b/css/t9.css index 0067eb8..51cefb8 100644 --- a/css/t9.css +++ b/css/t9.css @@ -9,7 +9,7 @@ body { } output{ - font-size: 50px; + font-size: 30px; } main { @@ -22,13 +22,13 @@ main { } button { - padding: 25px 50px; + padding: 25px 20px; border: none; background-color: #e74c3c; color: white; cursor: pointer; border-radius: 40px; - font-size: 24px; + font-size: 20px; font-weight: 600; letter-spacing: 1px; transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; @@ -53,18 +53,13 @@ img { transition: transform 0.3s ease; } -img:hover { - transform: scale(1.05); -} - table { width: 100; border-collapse: collapse; border: 3px solid #ff9900; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); transition: box-shadow 0.3s ease; - margin-left: auto; - margin-right: auto; + margin: 20px 0; } table:hover { box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); @@ -88,9 +83,6 @@ th { text-transform: uppercase; } -table tr:hover { - background-color: #b61212; -} a{