|Alfred e1b5624a69 Add some responsiveness to flexbox examples||4 months ago|
|00-base||3 years ago|
|01-float||3 years ago|
|02-flexbox||4 months ago|
|03-font-size||2 years ago|
|07-attribute-selector||2 years ago|
|README.md||2 years ago|
The 00-base folder is the base for creating new examples, copying it, pasting, and then editing.
$ (cd 02/; browser-sync -w)
Locates divs horizontally, one after the other. When you resize the window, they will be placed on the next line.
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/.
Some examples about how to use font sizes and adapt them for responsiveness.
::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/