Différences entre versions de « 2018-024 »
De Mi caja de notas
(Page créée avec « ''mercredi 24 janvier 2018'' {{calendrier républicain}} {{aphorisme du jour}} == CSS Grid == * Tutoriel en ligne https://cssgrid.io/ -> [https://course... ») |
|||
| Ligne 11 : | Ligne 11 : | ||
* Tutoriel en ligne https://cssgrid.io/ -> [https://courses.wesbos.com/account/access/5a65d451a6b56c55273b44d6/view/249539184 Fondamentaux CSS Grid] - installation et réglages scripts browsersync | * Tutoriel en ligne https://cssgrid.io/ -> [https://courses.wesbos.com/account/access/5a65d451a6b56c55273b44d6/view/249539184 Fondamentaux CSS Grid] - installation et réglages scripts browsersync | ||
| + | |||
| + | |||
| + | |||
| + | <nowiki> | ||
| + | |||
| + | ``` | ||
| + | |||
| + | |||
| + | .container { | ||
| + | display: grid; | ||
| + | grid-template-columns: 100px 100px 100px; | ||
| + | grid-gap: 20px; | ||
| + | } | ||
| + | </style> | ||
| + | <div class="container"> | ||
| + | <div class="item">1</div> | ||
| + | <div class="item">2</div> | ||
| + | <div class="item">3</div> | ||
| + | <div class="item">4</div> | ||
| + | <div class="item">5</div> | ||
| + | <div class="item">6</div> | ||
| + | <div class="item">7</div> | ||
| + | <div class="item">8</div> | ||
| + | <div class="item">9</div> | ||
| + | <div class="item">10</div> | ||
| + | </div> | ||
| + | |||
| + | ``` | ||
| + | </nowiki> | ||
Version du 24 janvier 2018 à 07:32
Duodi
2
Frimaire
CCXXXIII
« Il n’est pas nécessaire d’espérer pour entreprendre, ni de réussir pour persévérer »
CSS Grid
- Tutoriel en ligne https://cssgrid.io/ -> Fondamentaux CSS Grid - installation et réglages scripts browsersync
``` .container { display: grid; grid-template-columns: 100px 100px 100px; grid-gap: 20px; } </style> <div class="container"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div> <div class="item">6</div> <div class="item">7</div> <div class="item">8</div> <div class="item">9</div> <div class="item">10</div> </div> ```