<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/sources/kevinpowell/best-of/2024/12" -->

---
title: Best Kevin Powell posts — December 2024 | daily.dev
description: The most upvoted Kevin Powell posts from December 2024, curated by the daily.dev community.
canonical: https://daily.dev/sources/kevinpowell/best-of/2024/12
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:url: https://daily.dev/sources/kevinpowell/best-of/2024/12
og:type: website
og:site_name: daily.dev
og:title: Best Kevin Powell posts — December 2024 | daily.dev
og:description: The most upvoted Kevin Powell posts from December 2024, 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 — December 2024

1. 1  
[](https://daily.dev/posts/no-more-extra-scrollbars-when-using-overflow-x-fcmwtkoly "No more extra scrollbars when using overflow-x")  
Video  
![Avatar of kevinpowell](https://media.daily.dev/image/upload/s--XK5Rf0kM--/f_auto/v1717745137/logos/kevinpowell)Kevin Powell·2y  
No more extra scrollbars when using overflow-x  
Learn how to prevent unwanted horizontal scrolling by using the CSS 'clip' property instead of 'overflow: hidden'. This solution allows you to manage overflow in one direction while maintaining visibility in the other, solving common issues with double scroll bars. Additionally, get tips on removing elements from the DOM for better user navigation.  
59  
5
2. 2  
[](https://daily.dev/posts/a-simple-fix-for-your-css-overflow-problems-wptbvizpb "A Simple Fix for Your CSS Overflow Problems")  
Video  
![Avatar of kevinpowell](https://media.daily.dev/image/upload/s--XK5Rf0kM--/f_auto/v1717745137/logos/kevinpowell)Kevin Powell·2y  
A Simple Fix for Your CSS Overflow Problems  
Learn how to effectively manage CSS overflow issues using the overflow-clip property. This method prevents unwanted horizontal scrolling without causing additional problems associated with overflow hidden. Overflow clip allows for more precise control over content visibility, especially in scenarios where content moves horizontally.  
50  
2
3. 3  
[](https://daily.dev/posts/this-position-absolute-mistake-is-ruining-modals-mqofr2udt "This position absolute mistake is ruining modals")  
Video  
![Avatar of kevinpowell](https://media.daily.dev/image/upload/s--XK5Rf0kM--/f_auto/v1717745137/logos/kevinpowell)Kevin Powell·2y  
This position absolute mistake is ruining modals  
When positioning a close button in a modal, using 'position: absolute' can cause alignment issues. Instead, leveraging 'float: right' provides a more flexible solution that adapts well to different screen sizes and text lengths. Be cautious though, floats won't work if the parent element is a direct flex or grid item. Consider using logical properties for better adaptability in modern web development.  
26  
3

[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/2024/12#page","url":"https://daily.dev/sources/kevinpowell/best-of/2024/12","name":"Best Kevin Powell Posts — December 2024","description":"The most upvoted Kevin Powell posts from December 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/kevinpowell/best-of/2024/12#items","numberOfItems":3,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/no-more-extra-scrollbars-when-using-overflow-x-fcmwtkoly","name":"No more extra scrollbars when using overflow-x"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/a-simple-fix-for-your-css-overflow-problems-wptbvizpb","name":"A Simple Fix for Your CSS Overflow Problems"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/this-position-absolute-mistake-is-ruining-modals-mqofr2udt","name":"This position absolute mistake is ruining modals"}]},{"@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":"December 2024"}]}]}
```

