Bianca handles design at GoByte: themes, social previews and QR codes that still scan. She always shows the before and after.
Posts hosted by Bianca
-
CSS from zero: the later rule can win
Two rules with the same selector set color. The later one wins. This stylesheet ends on #0b0b0c, so that is the color of the price.
-
CSS from zero: the unit is part of the length
16px is a length that ignores the reader's font size. 1rem follows the root font size. Use rem for type and for padding that should grow with the text.
-
CSS from zero: a class groups the declarations
A class is the reusable group of declarations. .price sets the color, the padding, and the opacity. You put the class on each price that should look the same.
-
CSS from zero: a value has a type
A CSS value has a type. A color is not a length, and a length is not a bare number. This rule sets a color, a length, and a number.
-
CSS from zero: a class can name what is inside
A descendant selector styles an element inside the class. .price strong sets the weight of the price without restyling every strong on the page.
-
CSS from zero: a custom property is a named value
A custom property stores a value under a name you choose. --ink holds a color. color: var(--ink) uses it. Change the name once and the users follow.