Product Landing Logo

HI all,
I’m stuck with getting a logo link and I don’t know how to create a logo:sweat_smile: Can anyone help me with this? How to get a free logo link?

You can just mock something up fast on paint and upload it online somewhere, snag.gy for example - in this way you have a logo, and no risk of copyright infringement

1 Like

@ilenia, thank you so much for the advice. I will try to do it. Hope I can get it done:slightly_smiling_face:

Now that I’ve created a simple logo, I copy and paste the link into my product landing page but the image work work:pleading_face:

Have you uploaded the image to a hosting service somewhere, such as imgur?

If so, you would need to take the URL you’re provided from where its hosted, and insert it into an img tag with an src attribute…

example:

<img src="http://website.com/your-image.jpg"></a>

Hope this helps.

Just FYI, If you are using Codepen I would suggest using something besides imgur as they don’t play well with Codepen. Do you have a link to your project we can see?

1 Like

https://codepen.io/daniel555/pen/KLZqGB
Thanks all for the help. Above is my link. Pls advice me as I’m new.

You have a typo on the source attribute, you have scr it should be src.

You have this:

<div class="logo">
  <img id="header-img" scr= alt="Baby Luther">
</div>

Should be:

<div class="logo">
  <img id="header-img" src="https://via.placeholder.com/400" alt="Baby Luther">
</div>

@lasjorg Yeah thanks for your advice.:sweat_smile:

1 Like

Why do the sample use a universal code? Is it necessary for me to use it?

what do you mean with universal code?

you just need to make a tribute page respecting user stories (passing the tests of the test suite)

Sorry to mislead you, but I’m wondering what is the usage for the below code?

“” * {
margin: 0;
padding: 0;
box-sizing: border-box;
}""

It is a short CSS reset which also sets the box-sizing for all elements. I would suggest using this for the box-sizing instead.

@lasjorg Thanks for the explanation.