Skip to content
Submitted about 2 months ago

Article preview component built with HTML | CSS | REACT - MikDra1

MikDra1•6,920
@MikDra1
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?

💻 Hello, Frontend Mentor Community,

This is my solution for the Article preview component.

  • Scored 97% on Google Pagespeed Insights! 🚀
  • Solution with 100% W3C validation accuracy 🌟
  • Toggle works when you change the viewport size even when you have the toggle opened 🛫
  • Custom animation when opening the toggle with the social icons ⭐

🛠️ Built with:

  1. HTML ✨
  2. CSS 🎨
  3. JavaScript 🧾
  4. React ⚛️
  5. Vite.js 💡

  • Fully responsive design crafted with a mobile-first approach 📲

  • Enjoyed every moment coding this! 😎

  • Feedback is always welcome—let’s grow together! 🌱

  • Completed 17 out of 19 Newbie Challenges so far—keeping up the momentum! 🔥

  • 👨‍💻 Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

  • As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! 💡

Community feedback

  • Wilson Andres Quintero Cardona•260
    @waquintero-iaPosted about 2 months ago

    Hello, good job completing the challenge!

    Reviewing the preview of the site, I identified that on mobile devices, clicking the share button only works if you click on the top of the circle.

    I'm sure you'll be able to sort out these details easily 😉.

    Happy coding

    Marked as helpful
    0
    MikDra1•6,920
    @MikDra1Posted about 2 months ago

    @waquintero-ia

    Thank's for looking at my solution. I already sorted out the problem so if you want to can check if everything works 😅😊😉

    0

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