What is CSS3 ?
CSS3 stands for Cascading style sheet. The version of css currently in use is v3 and that is why its called css3 as it evolved over the years.
The purpose of using css is to do styling of html elements like 2 or 3 column layout palcement, change color, background, animation etc.
For every aspiring frontend or web developer, learning css is extrememly difficult because of sole reason that first it has huge number of properties. And remembering all is very difficult plus the properties are scattered all over internet without being in a group like structure. And second missing opportunities to understand how can you think and what parameters to think for styling elements. Third is good grasp on responsivity of UI screen.
Now for solving the first problem, i am grouping all the major properties in specific groups that you MUST REMEMBER for really mastering css. This is the most important stage. Without this, you CAN NEVER be good enough to write good css.
And for second, i will provide good examples with explanantion so that you can get ample practice.
And for third, good explanantions and examples to understand how to make a screen responsive on multiple breakpoints and what things to keep in mind while making screen responsive.
Learning css is so easy if done correctly that once you learn it properly, you will never have to struggle while developing webpages and it will come to you as you have played with it from childhood.
In frontend, developing web pages using css (50%) + applying javascript(50%) makes up the whole task list of a frontend developer for junior to mid-developer.
For senior frontend developer, an additional task of setting up a react/angular project, setting up CI/CD pipeline, deploying to server etc are some of the tasks of the senior.
So learning css makes up the 50% of learning for almost all the juniors/mid-level developers.
To summarise, on a high level we need to learn how to create different layouts(webpages). And the most preferred and easy way of creating any column layout is by css grids. Css flexbox is the second most preferred way. So learning both will make your life like cheese.
And learning other css properties allows a developer to develop the elements other features like background, color, font-sizes etc so we are clear what we are learning and why we are learning.