Design comparison
Solution retrospective
Hello,
I do not know why share image does not show up when I want to share the link to my page for example on Facebook. Do you have any idea what might be wrong in my code?
I will be glad for your answer feedback concerning my project. Thank you.
Community feedback
- @brasspetalsPosted over 2 years ago
Hi, Marta! So good to see you submit another solution! I like the loading animation you added. 😄
I’m unsure what is causing the issue on Facebook, since the preview from the link you posted on Slack is working fine. 🤔
However, I think the quotations in the
font-family
of yourbody
are causing your fonts to show up incorrectly. Switchingfont-family: "Barlow Condensed', sans-serif”;
tofont-family: "Barlow Condensed", sans-serif;
should fix it.Marked as helpful2@martam90Posted over 2 years ago@brasspetals thanks for a feedback.I fix fonts issue, thank you :)
0 - @AndyAshleyPosted over 2 years ago
Hey Marta! That loading animation is awesome! Great job on the site! As for your question, you could try adding your own image in an open graph image meta tag.
<meta property="og:image" content="/link-to-my-image.png"/>
You can find out more about it here open graph protocol .
I do see you have an
og:title
and a twitter card on there, but I couldn't find anog:image
when looking through the code. That might work for ya, hope it helps! Happy coding :)Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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