AAltamishinaltamishturk.hashnode.dev·Dec 9, 2022 · 9 min readFlexbox in CSSSince flexbox is a whole module and not a single property, it involves a lot of things including its whole set of properties. Some of them are meant to be set on the container (parent element, known as “flex container”) whereas the others are meant t...00
AAltamishinaltamishturk.hashnode.dev·Dec 9, 2022 · 3 min readCSS GridCSS Grid Layout (aka “Grid” or “CSS Grid”), is a two-dimensional grid-based layout system that, compared to any web layout system of the past, completely changes the way we design user interfaces. To get started you have to define a container element...00
AAltamishinaltamishturk.hashnode.dev·Dec 9, 2022 · 1 min readThe CSS Box ModelHere is a diagram of the Box Model: If you are a Firebug user, you might be used to the diagram like this, which does a nice job of showing you the numbers affecting any box on the page: Notice in both examples the margin is in white. Margin is uni...00
AAltamishinaltamishturk.hashnode.dev·Dec 9, 2022 · 3 min readCSS Media QueriesCSS Media queries are a way to target browsers by certain characteristics, features, and user preferences, then apply styles or run other code based on those things. Perhaps the most common media queries in the world are those that target particular ...00
AAltamishinaltamishturk.hashnode.dev·Dec 9, 2022 · 2 min readPosition in CSSThe position property can help you manipulate the location of an element, for example: .element { position: relative; top: 20px; } Relative to its original position the element above will now be nudged down from the top by 20px. Relative is only ...00
