LE DOM

Faites le TD : DOM


Help


Test Grid


Test : Grid

 Fork : https://github.com/dupontdenis/simulateur

Git/GitHub




Calculette !

Interface

Le code de l'interface 


Fonctionnalité


 How to !



Clonez le code de l'interface




data-set

Projet Grid : Help

 grid est partout : calendrier

dense : adaptation à l'écran

nomage des lignes : affecter des éléments à une colonne

Flow column : Astuce du chef

Tout en un : en résumé


Projet

 Suite à vos remarques et niveaux, j'annule le projet "drapeaux" pour le nouveau projet "calculator".

Pour ce projet (https://dupontcss.blogspot.com/2022/09/projet.html) définir les deux fichiers HTML et CSS.

Contrainte : CSS-grid

Grid : Etude de cas

https://output.jsbin.com/yopuko 


CSS- grid

https://output.jsbin.com/yopuko/2

VS code

 

Vidéo VScode git

Git : https://sites.google.com/view/duponthtml/git?authuser=0


VScode


code : https://github.com/ornelladotcom/resume-website-workshop

publishing from a branch
https://docs.github.com/en/pages/getting-started-with-github-pages/configuring-a-publishing-source-for-your-github-pages-site#about-publishing-sources

Projet

 https://codepen.io/dupontcodepen/pen/RwMwaqO


Transfomez le code pour ranger par colonnes les drapeaux par continents (Asie, Europe, Afrique, ...)



Le code sera déployé via github.io : https://<name>.github.io/grid