Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Space travel project (Gatsby.js)

#accessibility#gatsby#sass/scss#bem
Martaโ€ข 630

@martam90

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

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

Anna Leighโ€ข 5,135

@brasspetals

Posted

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 your body are causing your fonts to show up incorrectly. Switching font-family: "Barlow Condensed', sans-serifโ€; to font-family: "Barlow Condensed", sans-serif; should fix it.

Marked as helpful

2

Martaโ€ข 630

@martam90

Posted

@brasspetals thanks for a feedback.I fix fonts issue, thank you :)

0
Andyโ€ข 520

@AndyAshley

Posted

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 an og:image when looking through the code. That might work for ya, hope it helps! Happy coding :)

Marked as helpful

1

Martaโ€ข 630

@martam90

Posted

@AndyAshley thanks a lot for a hint :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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