issue in front end mentor challenge: product-preview-card
i build the front end mentor challenge: product-preview-card-component-main
https://www.frontendmentor.io/challenges/product-preview-card-component-GO7UmttRfa
but i have an issue with spacing (screenshot), i knew it come because of the height of image but how to fix that?
this is the code : https://codepen.io/css-Bee/pen/abrOwWG
Frontend Mentor
Frontend Mentor | Product preview card component coding challenge
This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.
2 Replies
your image isn't showing cuz it couldn't find the img filepath.
you've to upload the project on github and then copy the img url from there and then specify it it in the codepen img filepath to load the image successfully.
if you have any query i'm open to assist.
i think @cssBee you might not provided the file which contains the image ,ex: <img src = "filename/img.jpg" alt="perfume_image"> .