https://github.com/tidjee-dev/tech_talk-grid_flex

https://github.com/tidjee-dev/tech_talk-grid_flex

Last synced: 4 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/tidjee-dev/tech_talk-grid_flex
• Owner: tidjee-dev
• Created: 2024-11-16T23:13:14.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-19T12:51:54.000Z (over 1 year ago)
• Last Synced: 2025-10-26T09:46:56.850Z (8 months ago)
• Language: HTML
• Size: 162 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tech Talk Display Flex vs. Display Grid

## Description

Ce dépot contient :

- Une page d'accueil contenant :

  - Des explications relatives aux cas d'utilisation typiques de Flexbox et Grid.

  - Des listes avec les principales proprietés de Flexbox et Grid, leurs valeurs par défaut et leurs valeurs possibles.

- Deux playgrounds interactifs [WIP] :

  - Un playground pour tester Flexbox. [WIP]

  - Un playground pour tester Grid. [WIP]

Le projet est accessible > [ici](https://tidjee-dev.github.io/Tech_Talk-Grid_Flex/) <.

Ce projet est codé avec les langages suivants :

[![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML) [![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)](https://sass-lang.com) [![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)

## Bibliographie

- Documentations :

  - [CSS Tricks - CSS Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox)

  - [CSS Tricks - CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/)

  - [MDN - CSS Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes)

  - [MDN - CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/grid)

  - [W3School - CSS Flexbox](https://www.w3schools.com/css/css3_flexbox.asp)

  - [W3School - CSS Grid](https://www.w3schools.com/css/css_grid.asp)

- Cheat Sheets :

  - [CSS Tricks - CSS Flexbox Cheat Sheet (png)](https://css-tricks.com/wp-content/uploads/2022/02/css-flexbox-poster.png)

  - [CSS Tricks - CSS Grid Cheat Sheet (png)](https://css-tricks.com/wp-content/uploads/2022/02/css-grid-poster.png)

  - [Malven - CSS Flexbox Cheat Sheet](https://flexbox.malven.co/)

  - [Malven - CSS Grid Cheat Sheet](https://grid.malven.co/)