Snippets
-
The grid system – float and clearfix.
Grid Layout consists of 12 columns based on floats.
-
Gradient Text
Snippet for gradient text.
-
Using vw for font size
Setting font size in vw units using the cacl() function.
-
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 […]
-
font-size 62.5%
Setting font-size in a root element to 62.5%.
-
Responsive images
To create a responsive image, you need to add the max-width: 100% property to the img tag and set the width and height properties to auto. If there are no predefined values for the width and height, they can be omitted. The width of the parent container should be set in percent or can be […]
-
Gradients
The CSS gradients are types of background images and represents smooth transitions between colors.