Recipe page using Nextjs and tailwind

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

This time, I practiced using NEXT.js, TypeScript, and Tailwind CSS. I worked on building a project with the React framework, focusing on designing layouts with Grid and implementing breakpoints.

What challenges did you encounter, and how did you overcome them?

In the past, I was accustomed to using Flexbox to design layouts and handle breakpoints, rarely utilizing Grid. This time, I decided to experiment with Grid to create layouts and manage breakpoints. When it came to styling text, I found myself less familiar with configuring line height and letter spacing. After reading through some documentation, I eventually set up the necessary line height and letter spacing values in the configuration file, completing a project designed with Grid.

What specific areas of your project would you like help with?

I would like to seek some guidance on breakpoints and tips for designing them more effectively when working with Tailwind CSS.