Using the * CSS selector to check for visual alignment
![A profile photo of Richard Saunders](/assets/richard-saunders.png?nf_resize=fit&w=48&h=48)
Sometimes it’s helpful to check the visual alignment of an element or how much space its taking up in the flow of you page against other elements.
A simple way you can check this is to use the \\\*
CSS selector along with a background colour with an alpha channel.
By inserting the following css into the inspector stylesheet you can easily visualise the makeup of the components on the page.
* {
background-color: rgba(255, 0, 0, 0.10)!important;
}