Tell us what’s happening:
Describe your issue in detail here.
Hi I’m wondering how to use my own image as the logo for my website?
Your code so far
<img id="header-img" src ="file:///Users/dantezhu/Desktop/stock-exchange-app.png"
alt="stock-logo"
/>
/div>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1 Safari/605.1.15.
Challenge: Build a Product Landing Page
Link to the challenge:
You need a URL address for that or upload your logo to codepen if that’s possible. You cannot add the logo locally from your pc straight to the code on codepen.
You could add a lego to your website using <img> tag (like you did)
But in src attribute you have to put a URL of your image as you can’t upload an image locally from your PC. (like @anon58011934 said)
You can upload your logo on this website, so you can get its URL https://postimages.org/
Hello I typed in the URL but the logo is still not showing this time. Can you tell me what’s wrong?
<div class="logo">
<img id="header-img" src="https://postimg.cc/f3q0k7QY" alt="free logo">
</div>
You are giving the site’s URL where you can preview your image. The original logo URL is this one: https://i.postimg.cc/B645YNh7/stock-exchange-app.png
You can simply drag and drop the image on to of your browser
like this:
Thus your output will be this
And you can copy the url of the image and use it
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
