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

Article preview component using HTML, CSS, and Webpack

@rainof

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 followed the advice from the learning path, which suggested using vanilla JavaScript instead of modern frameworks like React or Vue. This made the challenge significantly harder! The task was more complex due to the need for additional functionalities and styles, and setting up the build and deployment process was also quite difficult. It took me three days, and I felt exhausted and almost gave up. However, I persevered by staying calm and taking things one step at a time. Although the final result isn't perfect—for instance, some elements still shift when resizing the window—I’m proud that I completed it. Next time, I might consider simplifying the approach or better preparing for the configuration process.

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

Tackling the project without a modern framework was a challenge, but I stayed focused and addressed each problem as it arose. Although there’s room for improvement, I’m pleased with what I achieved. This experience taught me a great deal and provided valuable insights that I’ll build on in the future.

Community feedback

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