css is that one unavoidable thing which you have to learn as a developer if you want to build any decent front-end app it doesn't matter if you don't like css or not you have to code that because the days are gone when you can just ship a raw html page now in today's time everyone expects you to have a nice decent landing page at least for your basic website as well but what does it take to become a master and expert at css in this video i want to discuss a few topics which are important which you should consider visiting or revisiting if you haven't done them yet and see if you really really understand those topics or not because there are infinite things in css css pretty much is a programming language on its own at this point because it's too complex and there are so many new things you can try out but these few fundamentals you were gonna need for pretty much anything you do in your css world let's take a look at that in this video if you're new here make sure you leave a like subscribe to the channel and hit the bell icon this is free of cost and helps the channel grow all right so the very first thing i'm going to start off with is the box model in css now box model is so ridiculously important that i would not recommend pretty much anything else in css to learn before you actually learn box model and a lot of people start not with box model and that's completely fine but given a choice to relearn css i would learn a lot more about box model before i dive into anything else especially of the layouts part that is the grid and the flexbox now what exactly is box model well very simply speaking box model means how the margin the padding the borders these properties behave around an element in css right so learning about if you have a content out of the padding then the margin and the border like really behaves is really the essence of the box model understanding that is like super important once you understand the basics of box model i would recommend seeing if you actually understand layouts and css as well at least for now i would recommend flexbox and grid layout but if you want to really solidify your css learnings and understandings you can also take a look at what is known as floats in css now floats has a lot of use cases except you know just just not for layouts it is used in a lot of hacky ways sometimes as well and this is why this is a little bit dicey so you should probably consider this when you are more like intermediate with css then figure out what floats are how clear works how loads on sudo elements works and so on but for now flexbox and grid are your best friends in order to create most of the complex layouts you see on various websites right now when i say learn layouts what do i really mean is that if i give you a layout something like this i want you to draw this layout in html and css with flexbox and grid individually right and you should be able to do that you should be able to visualize in your mind that okay if i want to do this with flexbox maybe this is one element then this might be another element and
START_INTERACTION_TOKEN in this video if you're new here make sure you leave a like subscribe to the channel and hit the bell icon this is free of cost and helps the channel grow all right END_INTERACTION_TOKEN