You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Alfred
e1b5624a69
Add some responsiveness to flexbox examples
|
1 year ago | |
|---|---|---|
| 00-base | 3 years ago | |
| 01-float | 3 years ago | |
| 02-flexbox | 1 year ago | |
| 03-font-size | 3 years ago | |
| 07-attribute-selector | 3 years ago | |
| README.md | 3 years ago |
README.md
README.md
CSS3 Examples
The 00-base folder is the base for creating new examples, copying it, pasting, and then editing.
How to…
Browser sync
$ (cd 02/; browser-sync -w)
01. Float
Locates divs horizontally, one after the other. When you resize the window, they will be placed on the next line.
02. Flexbox
Flexbox basic examples.
Do not require float display. Flex containers margins do not collapse with margins from their content.
A good article: https://internetingishard.com/html-and-css/flexbox/.
03. Font size
Some examples about how to use font sizes and adapt them for responsiveness.
04
05
06. Pseudo elements and web fonts
::after is a pseudo element which allows you to insert content onto a page from CSS (without it needing to be in the HTML).
There is also a practice with online fonts. A good article about it: https://css-tricks.com/snippets/css/using-font-face/