Omelette Recipe Page using Tailwind CSS

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

I learned how to use the tailwind.config.js file to extend font families, as well as import local fonts into a project using @font-face

fontFamily: {
  serif: ["young-serif", "georgia"],
  sans: ["outfit", "verdana"],
}

@font-face {
        font-family: 'young-serif';
        font-style: normal;
        src: url('../assets/fonts/young-serif/YoungSerif-Regular.ttf') format('truetype');
    }

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

Googling the problems as I encountered difficulties I found these articles that helped me.

• Everything You Need to Know About the Gap After the List Marker - This helped me with formatting the list items to be how I wanted.
• Why isn't Tailwind applying styles to my HTML? - This taught me about needing to run the build command while working with Tailwind CLI

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

I found that I need to continue learning the pseudo code in Tailwind CSS to increase the possibilities in my creations.