Trying to get better at organizing and writing clean CSS and HTML. Are my media queries okay? I can't ever seem to get the height to look right in mobile view. I also feel like I use a lot of padding and margins when there might be an easier way to organize elements. I haven't learned Grid yet so maybe that will help?
I think what would make your CSS cleaner is using mobile-first design, which is writing code for mobile screen size first and then use media queries to add the touches to the bigger screen size (which is you won't need much)
The second issue I see here isn't the lack of grind, because you don't need grid here if you use flex pretty well. so I recommend to you watching this video by Kevin Powell (https://youtu.be/u044iM9xsWU)
and not only this video, his whole channel would be really helpful 'cause he always prefer to not use much flex property, margin or padding unless you really really need it
Good luck with the rest of the challenges!
Towards the end when I had everything laid out properly and I was playing with the font properties, I realized I could never get it just right. Even using the provided font size that I was supposed to use. Is this expected that you cannot get the exact words on each line with the right size?
You can fix it by padding- right & padding-left in the text, also you're not using the font-family Outfit
