--- title: Gap is the new Margin | daily.dev description: The 'Margin considered harmful' article discusses the negative impact of the margin property on component encapsulation. Adam Argyle predicts that the usage of... canonical: https://daily.dev/posts/gap-is-the-new-margin-ow167dbim twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Gap is the new Margin | daily.dev og:description: The 'Margin considered harmful' article discusses the negative impact of the margin property on component encapsulation. Adam Argyle predicts that the usage of... og:url: https://daily.dev/posts/gap-is-the-new-margin-ow167dbim og:image: https://api.daily.dev/og/posts/oW167DBim.png og:image:alt: Gap is the new Margin 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. # Gap is the new Margin **[Frontend Masters](https://daily.dev/sources/frontendmasters)** · 1 min read · 15 upvotes · 1 comments ## Summary The 'Margin considered harmful' article discusses the negative impact of the margin property on component encapsulation. Adam Argyle predicts that the usage of margin will decline as the usage of gap increases. ## 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. **@ivanlynch** · 2 upvotes > I agree i use it a lot on my daily basis. --- Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css) [View this post on daily.dev](https://daily.dev/posts/gap-is-the-new-margin-ow167dbim) ```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":"Gap is the new Margin","url":"https://daily.dev/posts/gap-is-the-new-margin-ow167dbim","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/gap-is-the-new-margin-ow167dbim"},"datePublished":"2024-04-11T21:13:09.651Z","dateModified":"2024-05-09T08:20:02.615Z","description":"The 'Margin considered harmful' article discusses the negative impact of the margin property on component encapsulation. Adam Argyle predicts that the usage of...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/15e502618e2b3ecba427b2ab8e5193ab?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/15e502618e2b3ecba427b2ab8e5193ab?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Frontend Masters","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":"Frontend Masters","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/d34dd87208f24090bfb0917307fcf89f","url":"https://daily.dev/sources/frontendmasters"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/gap-is-the-new-margin-ow167dbim","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":15},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"webdev,css","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Frontend Masters","item":"https://daily.dev/sources/frontendmasters"},{"@type":"ListItem","position":3,"name":"Gap is the new Margin"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/gap-is-the-new-margin-ow167dbim","comment":[{"@type":"Comment","text":"I agree i use it a lot on my daily basis.","datePublished":"2024-04-14T14:45:40.492Z","url":"https://daily.dev/posts/oW167DBim#c-HkZJGQSEF","author":{"@type":"Person","name":"ivanlynch","url":"https://daily.dev/ivanlynch","image":"https://media.daily.dev/image/upload/s--XvTPvuHQ--/f_auto/v1707839958/avatars/avatar_G8nDHTKFt9FXLQAWHIZEA"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```