My ProjectAboutAboutContact ↗Contact ↗ (opens in a new tab)
GitHubGitHub (opens in a new tab)DiscordDiscord (opens in a new tab)
  • Introduction
  • Styling
    • CSS
    • Tailwind CSS
    • Shadcn
  • React
    • JSX
    • Props
    • State
    • Unit Testing
    • Virtual DOM
    • Learninghistory
    • Memoization
  • Misc - To Be Hidden?
    • Growth Mindset
    • NBA
  • Practice Problem - TBH?
    • Clientside
    • Leetcode
  • dailycodetalk
    • Daily Coding
    • Feb9
    • Nov7
    • Nov8
    • Nov9
    • Nov12
    • Nov15
    • Nov18
    • Nov20
    • Nov21
    • Nov24
    • Nov26
    • Week1
    • Week3
    • Week5
    • Week6
  • fullstackopen
    • Part1 Introtoreact
    • Part2 Commwserver
  • nextjs
    • Dataarchitecture
  • scrimba
    • Notesapp
  • versioncontrol
    • Gittips
  • Introduction
  • Styling
    • CSS
    • Tailwind CSS
    • Shadcn
  • React
    • JSX
    • Props
    • State
    • Unit Testing
    • Virtual DOM
    • Learninghistory
    • Memoization
  • Misc - To Be Hidden?
    • Growth Mindset
    • NBA
  • Practice Problem - TBH?
    • Clientside
    • Leetcode
  • About
  • dailycodetalk
    • Daily Coding
    • Feb9
    • Nov7
    • Nov8
    • Nov9
    • Nov12
    • Nov15
    • Nov18
    • Nov20
    • Nov21
    • Nov24
      • use cases of flexbox
      • use cases of grid
    • Nov26
    • Week1
    • Week3
    • Week5
    • Week6
  • fullstackopen
    • Part1 Introtoreact
    • Part2 Commwserver
  • nextjs
    • Dataarchitecture
  • scrimba
    • Notesapp
  • versioncontrol
    • Gittips
  • Contact ↗ (opens in a new tab)

On This Page

  • use cases of flexbox
  • use cases of grid
Question? Give us feedback → (opens in a new tab)Edit this page
dailycodetalk
Nov24

Nov 24

https://theodorusclarence.com/blog/btb-flexbox-grid (opens in a new tab)

use cases of flexbox

  • Container that has all elements in the center both horizontally and vertically
  • Divide page in to parts
  • Create Navbar (space-between)

use cases of grid

  • Making 2 dimensional layout
  • Make layout with different sizes
Nov21Nov26

Nextra Docs Template