Debug Web Layout Problems With This Simple CSS Trick! #css @CSSWeekly
Debug Web Layout Problems With This Simple CSS Trick! #css  @CSSWeekly
Uploaded April 2023 | Updated September 2026, 17 minutes ago
A quick tip showing how to use the CSS star selector (*) to easily debug layout problems on the web by applying a 1px outline to all elements to visualize their size. If you have an unwanted scrollbar, you'll quickly figure out which element is the problem using this trick.

#css #csstips

Support CSS Weekly by buying my course:
πŸ”₯ Mastering Prettier & Stylelint: masteringlinting.com

Subscribe to CSS Weekly Newsletter:
πŸ’Œ css-weekly.com

Keep up-to-date with CSS Weekly:
πŸ‘‰ Twitter: twitter.com/CSSWeekly
πŸ‘‰ Instagram: instagram.com/cssweekly
πŸ‘‰ Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
πŸ”— Blog: zoranjambor.com
πŸ‘‰ Twitter: twitter.com/zoranjambor
πŸ‘‰ LinkedIn: linkedin.com/in/zoranjambor

- Zoran Jambor
Debug Web Layout Problems With This Simple CSS Trick! #cssTop Visual Studio Code Product Icon ThemesFrontend News #11: Justified Text, JS moveBefore Method, Performance OptimizationCSS Navbar: Create a Beautiful Navigation Bar From ScratchAutomate Your Testing Workflows Using BrowserStack’s AI AgentsSingle Prompt to Fully Functional Websites Using Mobirise AIIn-Depth Guide to CSS Logical Properties7 Practical CSS Typography Tips & TricksManaging Specificity With CSS Cascade LayersClaude Codes Source Code Leaked! (Let’s Have Fun With It!)Frontend News #3: State of CSS, Color FontsCreate Auto-Expanding Form Fields Using field-sizing CSS Property
CSS Weekly |

Debug Web Layout Problems With This Simple CSS Trick! #css

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER