Author: majadc
-
The Stacking context
Within the Document Object Model (DOM), each element is assigned a position based on the order in which it appears in the HTML. However, this order may change under certain conditions, such as when the elements are positioned using the z-index property, which can create a new stacking context and change the order in which […]
-
box-sizing
Using universal border-box sizing. Every element will inherit the box-sizing from their parent. In case third-party components will have box-sizing: content-box, using the inherit keyword will make the conversion easier.
-
Holy Grail
CSS flexbox layout
-
svg – use
The use element in SVG allows nodes to be reused within the same document or in other documents by referencing their IDs. Resources
-
Bootstrap Sandbox
-
Get style rules from stylesheet
Look into CSS style rules of this site.
-
Flex – margin: auto
The CSS rule margin: auto; centers the flex children horizontally and vertically.
-
Media query – breakpoints
Creating breakpoints for @media query using @mixin scss.