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

Responsive Article Preview Component using Sass and vanilla JavaScript

P

@Jomagene

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm most proud of improving my Sass structure by using the @use rule for the first time, which helped me organize my styles more effectively. I'm also proud of implementing the share logic in my project, ensuring that social media sharing works seamlessly. Next time, I would make sure to better organize the content within my structured styles, as I realized that when the styles are split into multiple files, it can be challenging to manage them efficiently.

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

One challenge I encountered was implementing the social media share functionality. I overcame this by using encodeURI and query strings to properly format the URLs. The FreeCodeCamp video on JavaScript and the DOM was particularly helpful in understanding how to manipulate the DOM effectively. Additionally, organizing my Sass files and learning to use @use was a challenge, but it improved my code structure.

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

I'm always eager to learn and improve, so I would really appreciate any feedback on how to better structure my Sass files or organize the content within my styles. Being a part of this community is truly a joy, and I'm open to any suggestions that could help me refine my approach and grow as a developer.

Community feedback

@Abdrahman100

Posted

good job 👋

1

P

@Jomagene

Posted

@Abdrahman100 "Thank you! 😊 I'm glad you liked my solution. If you have any suggestions for improvements or notice anything I could do better, feel free to share. I'm always looking to learn and improve my skills!"

1

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