@jungang0414Submitted 7 months ago
What are you most proud of, and what would you do differently next time?
Slice according to the design draft.
+1 year of experience developing web apps from scratch using the latest technologies such as: TypeScript, Tailwind CSS, Next.js, React.js, Git. Looking for my first job as Frontend Developer.
I’m currently learning...Next.js & TypeScript. // "Education is the most powerful weapon which you can use to change the world." - Nelson Mandela
Latest solutions
Pixel-perfect solution using TailwindCSS and React
#accessibility#tailwind-css#reactSubmitted 7 months agoHonestly, I'm not sure what I would change in this project. If you have any feedback on areas I can improve or refactor, I would greatly appreciate it. Perhaps I could make the component more dynamic, but that wasn't the main goal of this project.
Pixel perfect solution using Flexbox and Custom Tailwind CSS
#react#tailwind-css#accessibilitySubmitted 7 months agoI don't know if the html tags I used are the most accurate for this challenge.
Multi-Step Form using Redux, tailwindCSS and TypeScript
#react#redux#tailwind-css#typescriptSubmitted 9 months agoI didn't do any testing. I would like to add some test cases for each step in case I make a future modification to the application and everything still works correctly.
Calculator APP using React + TypeScript + Tailwind CSS
#accessibility#animation#react#tailwind-css#typescriptSubmitted over 1 year ago
Latest comments
- @brianlagrandaPosted 7 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 -
- @jrddpSubmitted 7 months ago@brianlagrandaPosted 7 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
