Submitted over 1 year ago

Responsive product web-page

TT4• 60

@F-inChat

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Learn the sourceset, picture, reset and still trying to figure why the perfume <p> its so hight

Community feedback

Siva• 210

@sivakumars

Posted over 1 year ago

Hi, @F-inChat.

The <p> element at line 19 in your html page is missing the closing tag. When the browser creates the DOM of the html document, it inserts a new <p> element and that <p> is causing that extra space/height.

Add the closing tag, and this issue will be resolved :)

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord