Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
12
Comments
1

Vladimir

@D0vl4Belgrade, Serbia170 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

I’m currently learning...

I am currently learning HTML, CSS and JavaScript. I want to become a full front-end developer 🤠

Latest solutions

  • expenses chart component


    Vladimir•170
    Submitted over 2 years ago

    0 comments
  • Clipboard landing page


    Vladimir•170
    Submitted over 2 years ago

    0 comments
  • Fylo data storage component challenge


    Vladimir•170
    Submitted over 2 years ago

    0 comments
  • NFT preview card component solution


    Vladimir•170
    Submitted over 2 years ago

    0 comments
  • Chat App CSS Challenge


    Vladimir•170
    Submitted over 2 years ago

    1 comment
  • Single Price Grid Component


    Vladimir•170
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • Talluri Rahul•10
    @TalluriRahul
    Submitted over 2 years ago

    product preview car using HTML and CSS

    3
    Vladimir•170
    @D0vl4
    Posted over 2 years ago

    Hello Talluri Rahul 👋🏻

    To insert the .svg image, first you need to put the .svg icon in the project folder. After that you need to link it like this:

    <button id="submit" type="submit" value=""><img class="cart" src="./images/icon-cart.svg" alt="shopping-cart">Add to cart</button>

    As you can see, I solved the problem with the button tag which contains source for the icon (src="./images/icon-cart.svg").

    Later, you can style it in the CSS sheet.

    .cart { position: absolute; top: 36%; left: 28%; }

    Hope this helps. Happy coding! 😊

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub