All comments

• 

  Li, Jung-Gang•120

  @jungang0414

  Submitted 10 months ago

  What are you most proud of, and what would you do differently next time?

  Slice according to the design draft.

  

  Blog preview card with vite & react

  #react#vite

  1

  30
  

  Brian•90

  @brianlagranda

  Posted 10 months ago

  Hi Li!

  Amazing and solid solution, it's almost pixel-perfect! I have a few suggestions that might help improve your solution even further:

  • Pay attention to the font-weight. It looks like you're using a slightly heavier weight than the design.

  • Consider using an <article> tag for the first <div> with the class "card". Similarly, you can use a <footer> tag instead of the last <div> with the class "card-footer" for better semantic structure.

  Keep up the great work, you're doing an excellent job! Congrats!

  0
• 

  Jared Peters•120

  @jrddp

  Submitted 10 months ago

  

  Minimal Tailwind Solution

  #tailwind-css

  1

  31
  

  Brian•90

  @brianlagranda

  Posted 10 months ago

  Amazing work!

  Something to note: you omitted the letter-spacing and line-height that the design gives.

  How can this be handled in Tailwind CSS? You can use custom values ​​in properties like: leading (for line height) and tracking (for letter spacing) using brackets, for example: leading-[120%] or tracking-[0px].

  0