--- title: Best Kevin Powell posts — July 2026 | daily.dev description: The most upvoted Kevin Powell posts from July 2026, curated by the daily.dev community. canonical: https://daily.dev/sources/kevinpowell/best-of/2026/07 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/kevinpowell/best-of/2026/07 og:type: website og:site_name: daily.dev og:title: Best Kevin Powell posts — July 2026 | daily.dev og:description: The most upvoted Kevin Powell posts from July 2026, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Kevin Powell — July 2026 1. 1 [](https://daily.dev/posts/let-css-do-the-work-xutdyoud8 "Let CSS do the work") Video Kevin Powell · 6w Let CSS do the work Using JavaScript to calculate and set inline styles (like element heights) is an anti-pattern. Instead, pass raw data values to CSS via custom properties and let CSS handle the styling logic using functions like calc() and min(). This approach keeps styling concerns in CSS, makes updates easier to find and change, and likely improves performance by offloading visual calculations from JavaScript. 121 10 2. 2 [](https://daily.dev/posts/wait-line-height-works-like-that--fqgb5s37h "Wait, line-height works like that?!") Video Kevin Powell · 7w Wait, line-height works like that?! Unitless numbers and percentages for CSS line-height behave differently due to how inheritance works. When using a unitless value like 1.5, the line-height is recalculated on an element-by-element basis relative to each element's own font size. When using a percentage, the line-height is computed once on the parent element and then the resulting pixel value is inherited by all children — meaning smaller or larger text won't get proportionally adjusted line-height. Unitless values are generally the better choice for consistent, scalable typography. 65 6 [See all Kevin Powell archives](/sources/kevinpowell/best-of) ```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","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/kevinpowell/best-of/2026/07#page","url":"https://daily.dev/sources/kevinpowell/best-of/2026/07","name":"Best Kevin Powell Posts — July 2026","description":"The most upvoted Kevin Powell posts from July 2026, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/kevinpowell/best-of/2026/07#items","numberOfItems":2,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/let-css-do-the-work-xutdyoud8","name":"Let CSS do the work"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/wait-line-height-works-like-that--fqgb5s37h","name":"Wait, line-height works like that?!"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Kevin Powell","item":"https://daily.dev/sources/kevinpowell"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/kevinpowell/best-of"},{"@type":"ListItem","position":5,"name":"July 2026"}]}]} ```