Skip to content
OverviewSolutions
2
Comments
2
celeste-melissa
@celeste-melissa

All comments

  • NikoFilou•30
    @NikoFilouSubmitted about 2 years ago

    Feel free to give me feedback on my code. Somehow my images don't load. Any solutions?

    Product Preview Card

    3
    celeste-melissa•20
    @celeste-melissaPosted about 2 years ago

    I think you did a great job. The only two suggestions I would make are to fix the image links of the perfume because that is the main component and the cart icon as well. I viewed your code and noticed that you already have both the perfume photo (line 21) and the cart icon (line 35) linked in your HTML. The issue was the forward slash on both lines 21 and 35 at the beginning of the link. Below is the current implementation and the following line is the solution.

    Line 21:

    Currently: <img src="/images/image-product-desktop.jpg" alt="Product Image">

    Solution: <img src="images/image-product-desktop.jpg" alt="Product Image">

    Line 35:

    Currently: <img src="/images/icon-cart.svg" alt="">Add to Cart</button>

    Solution: <img src="images/icon-cart.svg" alt="">Add to Cart</button>

    These are just minor suggestions! Just to reiterate great job and I wish you blessings on your coding journey. Code on and have fun!

    2
  • Lucas 👾•104,340
    @correlucasSubmitted over 2 years ago

    👾 Hello, Frontend Mentor coding community. This is my solution for the 3 Columns Card Component.

    Feel free to leave any feedback and help me improve my solution or make the code clean!

    • 👾 I added a Custom hover effect on card w/ the Vehicle Types photo on background.

    I'll be happy to hear any feedback and advice!

    3 Column Preview Card (Vanilla CSS + Custom Design & Hover States)

    13
    celeste-melissa•20
    @celeste-melissaPosted over 2 years ago

    This is a masterpiece! Thank you for being active in the community. Keep calm and code on 🤙🏽

    1