Preview card component using grid and flexbox

Community feedback

• 

  Boots 😺•1,590

  @adityaphasuPosted about 1 year ago

  Woah! @ratul0407!

  Your solution is perfect! Good semantics and quite good readable CSS!

  I just want to add to those semantics a little bit:

  • For the striked out price you can use a more semantic tag like <del> which is used to strike a line through a text segment to indicate it has been deleted and also to indicate information that has been updated or is no longer accurate (price in this scenario) like this:

  <del>$169.99</del>
  

  since by default it gives you a strikethrough you won't need to add extra CSS to it! If you want to learn more about it give this doc a go!

  • One more tip (it's not regarding the solution): Make use of the ReadME template from the project files and give your projects good ReadMes to make em more attractive and accessible to others :)

  Keep up the hard work and happy coding!😊

  Marked as helpful

  1

  ---

  

  Rajaul Islam Ratul•1,250

  @ratul0407Posted about 1 year ago

  @adityaphasu Thanks for your valuable comment I really appreciate it. I didn't know something like the del tag exist. I'll surely try the del tag next time whenever I find the proper use case.

  Thanks man😊

  1