Skip to content
Submitted over 1 year ago

Product Preview using HTML and CSS

George Manimbo•180
@Georgenico
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi there, the only problem I want to know is why I can't move the icon from the button. I tried position: relative and right: 5px; but when you inspect it, it says the position is static. Please help thank you!

Community feedback

  • Jonathan Kila•290
    @Excelsior2021Posted over 1 year ago

    Hi @Georgenico,

    Well done for completing the challenge.

    I would say try adding the "icon" class to the <svg> opening tag instead of the <path /> tag.

    0
    George Manimbo•180
    @GeorgenicoPosted over 1 year ago

    @Excelsior2021 I was dumb to place the class on another tag. I didn't know that the community here is legit active in helping others with their problem. Thank you for your response! 👌

    0
  • ZMB•720
    @ZMBAIGPosted over 1 year ago

    This comment was deleted over 1 year ago

    0
    George Manimbo•180
    @GeorgenicoPosted over 1 year ago

    @ZMBAIG Thank you, brother! I I will keep that in my mind next time I encountered another problem like this. ✌

    0

Please log in to post a comment

Log in with GitHub

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