CSS positioningPositionings There are mainly 5 positions are there, Static Relative Absolute Fixed Sticky position: static This is the default position in CSS we can't use properties like top, right, bottom, left, and Z-index properties. output: By browser d...Dec 21, 2022 · 2 min readkiranwriteups.hashnode.dev
CSS GridGird It is a set of horizontal and verticle lines of rows and columns, elements are placed with the lines of rows and columns. Grid container We can create a grid by declaring display: grid; in CSS on an element when we do this all children of the el...Dec 21, 2022 · 2 min readkiranwriteups.hashnode.dev
Media QuerryMedia queries allow us to apply CSS depending on various devices, it uses general types like screen, print, and based on resolution also with browser viewport width it will start to apply. Media types It is a category of devices, almost websites are ...Dec 21, 2022 · 1 min readkiranwriteups.hashnode.dev
CSS Box ModelThe Box model consists of margins, borders, padding and content. Content this is the place where texts and images appear in the box. Padding It adds space around the content and it is transparent. and we can say that padding is an area created insid...Dec 21, 2022 · 1 min readkiranwriteups.hashnode.dev
Flex-BoxFirst mainly flex-box is a CSS element. Flex-box is a one-dimensional layout method for arranging items in rows or columns. flex expand to fill additional space or shrink to fit into smaller spaces. In flex-box it provides a property called flex-dire...Dec 16, 2022 · 2 min readkiranwriteups.hashnode.dev
