Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 5 months ago

Article preview with SCSS and JS

sass/scss
Puermuta•150
@Puermuta
A solution to the Article preview component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

It was very hard to figure out, and i am proud of what i learned in JavaScript, and how i integrated it for the page.

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

It was quite challenging to get the tooltip working. I ended up creating a free element outside of the card, and positioning with absolute relative to the button. I made it toggle reveal/not reveal using JavaScript. Fun!

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

I found it hard to make the page responsive this time. If you try to scale it for example 900x900, it is disgusting. I think I could make it work using clamp() or something like that, but I am not sure.

Would also love some response on my JavaScript as well as the structure of my SCSS.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Puermuta's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License