I know the basics, can usually get the design I want after a lot of trial and error but it doesn't feel like I truly master CSS. I always have to google what I want to do since I barely remember certain rules.<p>Any tips to get better at CSS or resource you would recommend?
CSS is not something that you can intuit so it only really comes with practice. I used to take on a lot of little projects (you might have to abandon the "stop starting, start finishing mantra") which I found to be a really effective way to level up quickly. One really effective exercise I've done is to take an existing website and try to recreate it from a screenshot alone. When you get stuck you can try to peak at the source code to see how it was done. Here's a small collection of some good candidate sites for this exercise:<p>- <a href="https://special.fish/" rel="nofollow">https://special.fish/</a><p>- <a href="https://pirate.care/" rel="nofollow">https://pirate.care/</a><p>- <a href="https://craigslist.org" rel="nofollow">https://craigslist.org</a><p>- <a href="https://fillip.ca/" rel="nofollow">https://fillip.ca/</a><p>- <a href="https://html.energy/" rel="nofollow">https://html.energy/</a><p>- <a href="https://gossipsweb.net/" rel="nofollow">https://gossipsweb.net/</a><p>- <a href="https://brutalistwebsites.com/" rel="nofollow">https://brutalistwebsites.com/</a><p>- <a href="https://theface.com/" rel="nofollow">https://theface.com/</a>
1. Don't. Get better at googling instead<p>2. CSSTricks<p>3. Learn to read MDN docs.<p>4. Flexbox froggy and grid garden<p>5. Hyperplexed (older videos)<p>I warn you, that "studying" CSS is a pointless endeavor. Your knowledge should be "tools that exist" without knowing the exact syntax.<p>Also, "No JS". Make your stuff without JavaScript. It forces you to use every quirck in HTML and CSS to make stuff work.