Laboratory of tests and experiments with HTML and CSS
This is a personal test suite and is neither meant to be fully comprehensive nor conform to the latest best practices in testing. This work is great for my studies.
Table of Contents
Flexbox Layout
Number | Property or Example | Annotations | Demo |
---|---|---|---|
01 | display flex e flex-direction |
⎙ | Live demo |
02 | flex-wrap |
⎙ | Live demo |
03 | flex-flow e justify-content |
⎙ | Live demo |
04 | align-content |
⎙ | Live demo |
05 | align-items |
⎙ | Live demo |
06 | flex-grow |
⎙ | Live demo |
07 | flex-shrink e flex-basis |
⎙ | Live demo |
08 | order |
⎙ | Live demo |
09 | flex |
⎙ | Live demo |
10 | Navigation |
⎙ | Live demo |
11 | Header |
⎙ | Live demo |
Responsive images
Number | Name | Annotations | Demo |
---|---|---|---|
01 | attr srcset |
⎙ | Live demo |
02 | attr srcset + sizes |
⎙ | Live demo |
03 | art direction in responsive images with picture |
⎙ | Live demo |