Dans ce cours en ligne, je vous propose de découvrir la fonction calc() du CSS.
Il s'agit d'une fonction qui permet d'effectuer des calculs que seuls les navigateurs sont capables de comprendre.
En effet, la puissance de la fonction calc() permet de calculer différentes valeurs ayant des unités de mesure différentes.
Au programme de ce tuto sur la fonction Calc en CSS
Dans ce tutoriel en vidéo, je montrerai quelques astuces réservées à la fonction calc() que vous pourrez aisément utiliser dans vos codes CSS.
Une fois la théorie bien acquise, nous terminerons notre formation par un petit exercice pratique.
Ce dernier va consister dans la création d'une grille virtuelle de 12 colonnes, comme le font les frameworks CSS, en utilisant la magie de la fonction calc ainsi que des flexbox.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Pour suivre correctement cette atelier, je recommande de connaître les notions avancées de Flexbox.
Avis des apprenants