diff --git a/projects/FrontendMentor/newbie/product-preview-card-component/css/style.css b/projects/FrontendMentor/newbie/product-preview-card-component/css/style.css index dea5179..6f8b829 100644 --- a/projects/FrontendMentor/newbie/product-preview-card-component/css/style.css +++ b/projects/FrontendMentor/newbie/product-preview-card-component/css/style.css @@ -169,6 +169,14 @@ body { color: var(--col-price-old); } + +/* I tried using this but wasn't picked up in Safari / VoiceOver on macOS + +product-card__price-old::before { + content: "Old pricing was "; +} +*/ + .product-card__button-buy { font-family: var(--ff-button); font-size: var(--fs-button); diff --git a/projects/FrontendMentor/newbie/product-preview-card-component/index.html b/projects/FrontendMentor/newbie/product-preview-card-component/index.html index cd1ccd7..eb4f4a5 100644 --- a/projects/FrontendMentor/newbie/product-preview-card-component/index.html +++ b/projects/FrontendMentor/newbie/product-preview-card-component/index.html @@ -55,14 +55,14 @@ A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator for the House of CHANEL.

-
-
+

+ $149.99 -

-
+ + $169.99 -
-
+ +