Last active
January 24, 2019 01:29
-
-
Save FlintSable/9b29cc1ed889eab101620fbcea9bbf6f to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| font-family: Helvetica, Arial, Sans-Serif | |
| text-decoration: underline; | |
| text-transform: uppercase; | |
| text-align: center, left, right; | |
| font-size: 60px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| width: 245px | |
| height: 25px; | |
| border: 1px; | |
| border: 2px dotted; | |
| border: medium dashed green; | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* em - default size 16px unless defined by font size */ | |
| /* good for sizing elements in relation to nearby elements */ | |
| .spash-section { | |
| /* in this case this would be the size of 1em*/ | |
| font-size: 18px; | |
| } | |
| .splash-section h1 { | |
| /* this would be 27px*/ | |
| font-size: 1.5em; | |
| } | |
| /* rem */ | |
| /* good for sizing elements across entire website*/ | |
| html { | |
| font-size: 20px; | |
| } | |
| h1 { | |
| /* this will be 40px */ | |
| font-size: 2rem; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment