I believe that you only learn when you truly build something. I have tried to learn CSS a lot of time but after learning selectors and some basic properties I forget them because I don't use them a lot.
This time I am thinking to put around 15-20 days continuously but I need some structured course with projects. I am trying to find out but unable to really get what I need. I am aware of freecodecamp.org and I have already finished it in 2 days. All I need is to practice for next 20 days.<p>Please help me with some resources or challenges type project that aims to make you better at CSS.
As another user said, I recommend <a href="http://cssgridgarden.com/" rel="nofollow">http://cssgridgarden.com/</a> too.<p>Also, if you like to practice, you are welcome to improve the UI of this project: <a href="https://cryptocoinalerts.net/" rel="nofollow">https://cryptocoinalerts.net/</a>
I did that. The only way you learn is by building lots of projects. So I made 100dayz [0] where I coded for 100 days to build something beautiful & keep track of it.<p>The projects are different, sometimes just HTML & CSS & JS & sometimes just Node JS or something else.<p>Make your own projects & build it everyday for a year. That way you will learn stuff.<p>The best course that will teach you Advanced CSS & SASS [1] is from Jonas. It is the absolute best which teaches Cascading & how CSS actually works. If you do that, you won't need anything else other than practice. And if you can't afford it, there are tons of resources on the internet but are scattered everywhere but they will teach you how to do it.<p>[0]: <a href="https://100dayz.js.org" rel="nofollow">https://100dayz.js.org</a><p>[1]: <a href="https://www.udemy.com/advanced-css-and-sass" rel="nofollow">https://www.udemy.com/advanced-css-and-sass</a>
I use CSS on a regular basis and forget the parts I don’t use often. So, even if you do one project, unless you continue using CSS Daily, you may find that you forget the some of the specifics.<p>I’ve found these CSS games very fun and useful for zero effort, pleasurable, highly effective and well structured learning:<p><a href="https://flukeout.github.io/" rel="nofollow">https://flukeout.github.io/</a><p><a href="https://cssgridgarden.com/" rel="nofollow">https://cssgridgarden.com/</a><p><a href="https://flexboxfroggy.com/" rel="nofollow">https://flexboxfroggy.com/</a><p>Some resources I find myself using all the time:<p>Https://css-tricks.com<p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS</a><p>Https://caniuse.com
I suck at CSS but I'm the only one working on my project, so I have no choice but to get good at it. I know I was writing bad CSS, so what I did was google videos recorded at conferences where they talked about refactoring CSS. Refactoring CSS is not exactly basics, but it helps you understand potential problems that arise from writing bad CSS so you know how to deal with it in the future or prevent the issues in the first place.<p><a href="https://www.youtube.com/watch?v=kbGYPm9uYfk" rel="nofollow">https://www.youtube.com/watch?v=kbGYPm9uYfk</a>
One thing you might also want to do is make flashcards in a Spaced Repetition app like <a href="https://apps.ankiweb.net/" rel="nofollow">https://apps.ankiweb.net/</a> about the edge cases of CSS. You might also <a href="http://book.mixu.net/css/" rel="nofollow">http://book.mixu.net/css/</a> a useful guide to go through while building these.<p>But as far as deliberate practice, I think it is a good idea, but don't have a good set of pages to try imitating.