All comments

• 

  Li, Jung-Gang•120

  @jungang0414Submitted 3 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

  1

  30
  

  Brian•90

  @brianlagrandaPosted 3 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

  This comment has received 1 replyShow
• 

  Jared Peters•120

  @jrddpSubmitted 3 months ago

  

  Minimal Tailwind Solution

  1

  31
  

  Brian•90

  @brianlagrandaPosted 3 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