SRswapna reddyinwebarticle.hashnode.dev·Nov 26, 2022 · 2 min readMedia Query in CSSMedia Query Media query makes responsive web pages. Responsive web design makes web pages look good on different screen sizes. Web pages are viewed on three different devices. That is mobile, tablet, and laptop. We can change the CSS property for all...00
SRswapna reddyinwebarticle.hashnode.dev·Nov 25, 2022 · 5 min readGrid in CSSIntroduction Grid layout aligns the items in a row and column. It is a two-dimensional layout. It makes responsiveness easy by changing a couple of lines for different screens. Grid property applied on the parent container. Hence, an HTML element bec...00
SRswapna reddyinwebarticle.hashnode.dev·Nov 24, 2022 · 7 min readFlexboxIntroduction Flexbox is a one-dimensional layout method to arrange items in rows or columns. Floats and positions features used for creating CSS layouts earlier, using these kinds of features were also limiting and frustrating. It was difficult to v...00
SRswapna reddyinwebarticle.hashnode.dev·Nov 23, 2022 · 3 min readCSS :PositionsIntroduction The element is positioned in a document by using the CSS position property. The final location of the element is determined by the top, right, bottom, and left. Positioning makes the elements go out of normal document flow and make them...00
SRswapna reddyinwebarticle.hashnode.dev·Nov 15, 2022 · 1 min readPseudo-Selectors(:: before and ::after)Introduction A pseudo selector is used to define a special state of an element like hover, focus, etc. It must have a double semi-colon (::) along with the targeted element name. After selecting the element, it creates a temporary element either befo...00
