I hope you’re all good!
I’m wondering what the best way of saving an image (logo) I’ve made so I can paste it into the my landing page.
So I’ve got to the Product Landing Page Certification Project and I’m trying to personalise the page so I’m not just recreating the Original Trombones Page: Example Project Link. I’ve made a very basic logo, similar to the “original trombones” logo on the example landing page and would like to be able to insert it, but I’m having trouble getting my head around it.
This is the part of the code in the example that inserts the Original Trombones Logo.
<div class="logo"> <img id="header-img" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png" alt="original trombones logo" />
This is the logo I’ve made that I want to add to my header, I’ve also saved the image and opened it in a browser but the file link doesn’t work. Do I need to save the file as a different format? Do I need to host the image somewhere and copy and paste the URL instead?
Any help would be great. I know it’s probably quite simple, but it’s the first time I’ve done it and my brain has stopped after a lot of googling.
I’ve been able to copy and paste images easily from google into other certification projects but would like to use my own images wherever possible in future.
Thank you for any advice. You guys are incredible!