diff --git a/assets/styles/main.css b/assets/styles/main.css index 271b812..5c95d6f 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -13,7 +13,17 @@ body{ background: #000000; display: flex; justify-content: center; - padding: 28px 0; + padding: 29px 0; +} + +.header-link{ + display: flex; + width: 12%; + justify-content: center; +} + +.header-img{ + width: 100%; } .top-banner{ @@ -73,18 +83,19 @@ body{ align-items: center; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.23); + padding: 36px 26px 26px; + gap: 27px; } .top-card-image{ display: block; - padding: 36px 124px 0; + width: 34%; } .top-card-description{ font-size: 16px; line-height: 24px; text-align: center; - padding: 26px; } .mid-banners{ diff --git a/index.html b/index.html index 7dcae18..c9c5b5d 100644 --- a/index.html +++ b/index.html @@ -18,9 +18,10 @@
- - - + + M3 Academy + +