Product preview card component

HTML Tips

• Instead of using the tag <h2> with the text "$149.99", you can use the <em> tag. The <em> tag is used to define emphasized text. The content inside is typically displayed in italic. A screen reader will pronounce the words in <em> with an emphasis, using verbal stress.
• You can use the tag <s> instead of the tag <p> with the text "$169.99". The <s> tag specifies text that is no longer correct, accurate or relevant. The text will be displayed with a line through it by default.

A small CSS tip

• You can add the following code to make your button look more like a button: cursor: pointer;

Nice job, just try to use semantic elements as a habit for the long term, to help the search engines and other user devices to determine the importance and context of web pages.

Generally you did a good job keep up.