diff --git a/css/styles.css b/css/styles.css index fc21172..b6fc47b 100644 --- a/css/styles.css +++ b/css/styles.css @@ -206,10 +206,34 @@ img { width: 50%; height: 400px; border-radius: 8px; + display: flex; + flex-direction: column; +} + +.mt-header { + padding: 12px 15px; + background: linear-gradient(45deg, #000000, #333333); + border-top-left-radius: 8px; + border-top-right-radius: 8px; +} + +.mt-title { + color: white; + font-size: 20px; + font-weight: 600; + display: flex; + align-items: center; + justify-content: center; + gap: 10px; + text-align: center; +} + +.mt-title i { + color: var(--primary-red); } .mt-body { - height: 100%; + height: calc(100% - 50px); overflow-y: auto; } diff --git a/index.php b/index.php index bccd9f9..19c737b 100644 --- a/index.php +++ b/index.php @@ -102,6 +102,9 @@
+
+

Fil d'actualités

+