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

Product preview card component with Flex elements

sass/scss
P
Matthef•190
@MatFrat95
A solution to the Product preview card 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?

Im most proud of the fact, that i finished it fast, I was also able to search for solution of all problems that apears on my way from very start to finish, and solve multiple problems on my own, by trials and errors.

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

I had problem with responsiveness of image after breakpoint. Besides that, I was able to search for minor faults in open sources and fix them after few minutes.

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

I couldn't figure out how to create button with icon and text being in the same line. I tried with margins, paddings, line-height. I'm sure there is a simple way to fix that, I don't know if using flex on regular button is fine. I hope some of you guys can answer my question. Simple analysis of my code could be helpful too.

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 Matthef'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