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 working with Javascript

John Pugh 340

@JohnPugh688

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?

Im proud of the fact i've managed to create this with a minimal amount of code. especially the Javascript. hopefully it makes sense to other as i know tailwind can make things look more complicated than they actually are. I made the mistake of using flex much to often when designing the layout which resulted in me struggling to get the image to resize and adjust to screen sizes. toke me far to long to figure out the cause. so in future i will only use flex when absolutely necessary!

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

Few things i've learned from this challenge. creating and positioning the popup was fun. A little bit of research made this one fun. also looking at a-lot of other examples of his project i really couldn't grasp what other peoples javascript was doing. it seemed so over complicated for what we had to achieve. I think what i've done is simple enough for people to understand but feedback would be most welcome.

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

Honestly i would just love to know if the way i have went about this was a good enough way of doing it so as always please give me your advice.

Community feedback

mcortes88 10

@mcortes88

Posted

ok

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