From 4ec985d225be37230fc5b133e351fadf47dbf20f Mon Sep 17 00:00:00 2001 From: ngumokenneth Date: Wed, 18 Oct 2023 15:03:22 +0300 Subject: [PATCH] changed the font, margins and paddings. Also changed the path of the image --- challenges/order_summary_component/index.html | 69 +++++++++++-------- challenges/order_summary_component/style.css | 1 + .../tailwind.config.js | 3 + 3 files changed, 44 insertions(+), 29 deletions(-) diff --git a/challenges/order_summary_component/index.html b/challenges/order_summary_component/index.html index 695ff659..faaa6c61 100644 --- a/challenges/order_summary_component/index.html +++ b/challenges/order_summary_component/index.html @@ -28,51 +28,57 @@ - +
- hero illustration + hero illustration
-
+

Order Summary

-

+

You can now listen to millions of songs, audiobooks, and podcasts on any device anywhere you like!

-
- music icon -
-

- Annual Plan - $59.99/year -

-
- Change -
-
- Proceed to Payment +
+ music icon +
+

+ Annual Plan + $59.99/year +

+ Change +
+
+ Proceed to Payment
- +
+ +
@@ -97,15 +103,20 @@

Source code

+ background pattern background-pattern diff --git a/challenges/order_summary_component/style.css b/challenges/order_summary_component/style.css index b5c61c95..42a1de16 100644 --- a/challenges/order_summary_component/style.css +++ b/challenges/order_summary_component/style.css @@ -1,3 +1,4 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Kumbh+Sans:wght@400;700&family=Manrope:wght@600;800&family=Outfit:wght@400;700&family=Overpass:wght@300;600&family=Red+Hat+Display:wght@500;700;800&family=Ubuntu:ital,wght@0,700;1,400&display=swap'); @tailwind base; @tailwind components; @tailwind utilities; diff --git a/challenges/order_summary_component/tailwind.config.js b/challenges/order_summary_component/tailwind.config.js index fa48bfb7..4d798585 100644 --- a/challenges/order_summary_component/tailwind.config.js +++ b/challenges/order_summary_component/tailwind.config.js @@ -11,6 +11,9 @@ module.exports = { 'desaturated-blue': 'hsl(224, 23%, 55%)', 'dark-blue': 'hsl(223, 47%, 23%)', }, + fontFamily: { + 'red-hat': ['Red Hat Display', 'sans-serif'], + }, }, }, plugins: [],