--- title: Grid vs. Flexbox | daily.dev description: Flex and grid share the same common features which makes it so confusing when to use flex and when to using grid. In this article, we will explain what is the... canonical: https://daily.dev/posts/grid-vs-flexbox-z9e4k0zax twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Grid vs. Flexbox | daily.dev og:description: Flex and grid share the same common features which makes it so confusing when to use flex and when to using grid. In this article, we will explain what is the... og:url: https://daily.dev/posts/grid-vs-flexbox-z9e4k0zax og:image: https://api.daily.dev/og/posts/z9e4k0zAx.png og:image:alt: Grid vs. Flexbox og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Grid vs. Flexbox **[DEV](https://daily.dev/sources/devto)** · 6 min read · 23 upvotes · 1 comments ## Summary Flex and grid share the same common features which makes it so confusing when to use flex and when to using grid. In this article, we will explain what is the difference between these two properties. We use flex in a one-dimensional layout (row or column) while grid using in two- dimensional layout (rows and columns) ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@bryan\_rt15** · 0 upvotes > like this comment if you liked it like me! ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html) [View this post on daily.dev](https://daily.dev/posts/grid-vs-flexbox-z9e4k0zax) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Grid vs. Flexbox","url":"https://daily.dev/posts/grid-vs-flexbox-z9e4k0zax","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/grid-vs-flexbox-z9e4k0zax"},"datePublished":"2021-02-21T13:20:07.829Z","dateModified":"2021-10-07T14:17:10.317Z","description":"Flex and grid share the same common features which makes it so confusing when to use flex and when to using grid. In this article, we will explain what is the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/47731af4ee6faa7eeb81bdafa5601cbb","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/47731af4ee6faa7eeb81bdafa5601cbb","isAccessibleForFree":true,"articleSection":"DEV","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"DEV","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto","url":"https://daily.dev/sources/devto"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/grid-vs-flexbox-z9e4k0zax","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":23},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"css,html","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":3,"name":"Grid vs. Flexbox"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/grid-vs-flexbox-z9e4k0zax","comment":[{"@type":"Comment","text":"like this comment if you liked it like me!","datePublished":"2021-08-21T05:21:15.649Z","url":"https://daily.dev/posts/z9e4k0zAx#c-rnxXzg_mI","author":{"@type":"Person","name":"Bryan De Jesus Rosa Tavarez. 🦉","url":"https://daily.dev/bryan_rt15","image":"https://media.daily.dev/image/upload/f_auto/v1629791940/avatars/8oF6IsnhI"}}]} ```