Responsive Recipe , list, flex and REM as font defaults

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

Actually, I have nothing to be proud of. My CSS seems to be all over the place because I was improvising it the entire time. My code editor work doesn't match what I posted to GitHub, and I'm exhausted of having to make adjustments.

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

I struggled a lot with font size for different screens. Font size that actually worked for @(max-width: 425px ) don't work for (min-width: 768px ) I don't understand how cause I used rem instead of px.

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

Font size at different screen sizes. CSS code best way to approach it and how to create a clean code