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

@ei-abdullah

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 proud of integrating HTML, CSS, and JavaScript to create a responsive web component. Next time, I'll improve CSS organization for better scalability and deepen JavaScript skills for advanced functionality. This project fuels my passion for web development, driving me to excel in user-centric digital solutions.

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

When encountering web interactivity challenges with JavaScript for the first time in a while, I faced difficulties primarily with styling issues. Overcoming this hurdle involved a combination of debugging, consulting documentation, and experimenting with CSS adjustments to achieve the desired visual and interactive outcomes, although, it is not as perfect is it was given in the design file.

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

I would appreciate help particularly in two areas: responsive design to ensure my project looks great across various devices, and enhancing JavaScript interactivity to create smoother user experiences. These aspects are crucial for improving the functionality and accessibility of my project, and any guidance would be invaluable in refining these skills.

Community feedback

P
Matt Cope 340

@MatthewPCope

Posted

Great job! There are a couple spacing and font size issues. You could lower the main-container gap, right now it's 20 px so try to lower that and in the media query lower the font sizes of description1 and description2. The button functionality is a little off too but not exactly sure how I would fix that here. Hope any of that helps!

Marked as helpful

0

@ei-abdullah

Posted

@MatthewPCope Thanks a lot for sharing you insights. This project took a lot of time, surely when I get fresh, I will work on it again. Appreciate your feedback.

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