Blog-Preview-Card

Community feedback

• 

  P

  Ehsan Tatasadi•1,780

  @tatasadiPosted 11 months ago

  Hello there, good job on completing the challenge.

  I have a suggestion for you. Instead of using a fixed maximum width for the parent of "Learning" label, consider using flex on the parent to allow the content to adapt more fluidly to the available space. You also does not need extra parent for the label. Something like this:

  <div className="flex flex-col items-start gap-3">
      <p className="bg-yellow flex items-center justify-center gap-2 rounded-[0.25rem] px-3 py-1 text-xs font-extrabold lg:text-sm">Learning</p>
      ....
  </div>
  

  I hope you find it useful!

  Happy coding!

  Marked as helpful

  0

  ---

  

  yagnik0•420

  @yagnik0Posted 11 months ago

  @tatasadi thank you, for taking your time to review my code I'll implement it soon.😊

  0