Debug Web Layout Problems With This Simple CSS Trick!

VideoZoran Jambor

A quick tip showing how to easily debug layout problems.

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.

debugginglayoutcssstar selector
ADCheck page speed and Google Core Web Vitals for your website

Check page speed and Google Core Web Vitals for your website

ADUnderstand what web browsers are capable of at Web Day Out

Understand what web browsers are capable of at Web Day Out

CSS Stickers

CSS Stickers

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »
AI Developer Newsletter

AI Developer Newsletter

A short, friendly roundup of the most useful tools, ideas, and real-world examples—curated specifically for developers like you.

Subscribe Today »