• Flex – margin: auto

    The CSS rule margin: auto; centers the flex children horizontally and vertically.

    Read more

    Posted in CSS, Snippets

  • Centering vertically

    Centering vertically text using line-height See the Pen Vertical centring – text -line-height by majadc (@majadc) on CodePen. Centering vertically image using span element See the Pen Centering vertically using span by majadc (@majadc) on CodePen. Centering vertically image using flex box. See the Pen Centering vertically – flexbox by majadc (@majadc) on CodePen. Centering […]

    Read more

    Posted in CSS, Snippets

  • :link

    :link– pseudo-class | CSS Level 1 The :link selects links that have not been visited. This selector targets <a> elements with href attribute, even if href attribute is empty. Syntax :link { color: blue; } The :link pseudo-class selects only <a> elements and only with href attribute. So :link styles have no effects in following […]

    Read more

    Posted in CSS

  • CSS Flexible Box Layout

    The layout for the flexbox:

    Read more

    Posted in CSS

  • outline

    The outline Css property draws the line around the element. The outline property is similar to the border property but is not a part of box model like the border property so it’s not a part of the element’s dimensions. By default, the outline is drawn starting just outside the border edge.

    Read more

    Posted in CSS, CSS Reference

  • lengths

    The CSS data type apples to distant measurements for the following CSS properties: width, height, margin, padding, font-size, border-width, text-shadow etc.. There are two types of length units: relative and absolute.

    Read more

    Posted in CSS

  • :only-of-type

    :only-of-type – pseudo-class | Selectors Level 3 The :only-of-type matches element that is only child of its parent element of given type.

    Read more

    Posted in CSS

  • :only-child

    :only-child – pseudo-class | Selectors Level 3 The :only-child selects element that is the only child of its parent.

    Read more

    Posted in CSS

  • background-size

    The background-size is the Css property which specifies the size of background image. The image can be stretched in order to fill the whole element or it can has particular size. To use it you need to set background-image property.

    Read more

    Posted in CSS

  • background-position

    The ‘background-position’ is the CSS property which specifies the initial position of the background image for all elements. It also applies to ::first-letter and :first-line. The property is not inherited. The initial value is equal to 0% 0%. The property is animatable. To use it you need to set background-image property.

    Read more

    Posted in CSS