Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 4 years ago

3 Column Preview Card

bem, sass/scss
Volodymyr Balashov•510
@volod-one
A solution to the 3-column preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello frontEndMentor community!

Today I bring up interesting solution for this challenge. First of all I decided to make my own design in Figma according to given asset's pictures. It could help me to understand more thing about this design and decrease time for code. And also it is good practice with using Figma. I am just really bad at designing something new so it is good thing with developing my web-design skills, I guess.

And I decided to improve basic design with my idea. Just try these new hover effects on desktop version of this component and you will see what I am talking about. It tempt me to hover on these cards more and more.

So, I guess I did squeeze maximum from this challenge for me.

  • practice with designing in figma -- check;
  • modular component -- check;
  • good structure of code -- check;
  • improve design ? -- well, I think it is subjective but -- check.

Let me know how would you improve my solution and what you don't really like in it. Please feel free to leave your comment and see you next time!

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 Volodymyr Balashov'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