Skip to content
Submitted 14 days ago

Javascript_Preview-card

CasperTheChild•130
@CasperTheChild
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am proud of figuring out how JavaScript works. I will try better next time at optimizing my CSS code.

What challenges did you encounter, and how did you overcome them?

Javascript😭. ChatGPT

What specific areas of your project would you like help with?

Any advice for the CSS of the '.Share' section or the social network links section? How would you optimize it?

Community feedback

  • Natali 👻 Grimm•1,150
    @Grimm-NPosted 14 days ago

    You're doing an amazing job—keep it up! 🌟

    1. Don’t worry about using ChatGPT! We’re all learning, and it’s smart to use all the resources that help you grow. 👍

    2. I used absolute positioning for the social links block, which can be helpful for precise placement.

    3. For social icons, consider using <a> elements instead of just images. They’re meant to be links, so it’s more semantic and accessible!

    4. For future projects, try adding custom fonts with @font-face. This approach gives you more control over the font loading, so your styles stay consistent across browsers and devices!

    And again- great job! 👏

    Marked as helpful
    2

Please log in to post a comment

Log in with GitHub

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