Product preview card component using SASS and Flexbox

Community feedback

• 

  Abhilashpandey•270

  @freakyjonesPosted over 2 years ago

  @ LysitheaDarkKnight, congratulation on making this great solution.

  1. if you want to align your text, use the text-align center. I just saw your code, use of padding and I think it's a pretty decent way to achieve aligned goals, although I will suggest using either padding or margin to achieve your goal.

  2. you can make use of the path of SVG instead of using an image.

  Thanks, Happy coding

  Marked as helpful

  0
• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Hussain, congratulations for your first solution and 😎 welcome to the Frontend Mentor Coding Community!

  The best way (in my opinion) to add padding to the element is by using gap if the padding between all the content is the same, or use the padding-bottom to separate all the elements, this way you've more control over the elements. If you apply padding-top and bottom together this gets tricky to manage the content. So you can use these two alternatives.

  To keep the icon responsive and adjusting with the buttom you need to use img {display: block; max-width: 100%; }

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0