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 SASS and JS

@Alexandru736

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 must say that simply using JS for the first time in a basic HTML, CSS, JS project makes me feel very proud. I struggled a bit in a few moments but I successfully overcame each of them. Next time, I would probably choose to use a CSS framework or a JS framework.

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

  • Positioning the image when you change from mobile version to desktop version. I got over this by setting fixed width and height to the container, since you don't really want it to grow bigger as the screen resolution grows larger.
  • setting up the popup for mobile ver and desktop ver. I got to learn how to use position: absolute.

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

Not quite sure if the JS script could had been written in an easier way. Also, please look over the popup transition if it's done correctly. Thank you in advance!

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