#inspected {
margin-left: 10px !important;
}
#inspected {
/* resetting some properties */
padding: 10px 20px 30px 40px;
padding-top: 50px;
}
@media (min-width: 1px) {
#inspected {
padding-left: 5px;
margin-left: 20px;
padding-left: 10px;
margin-top: 15px !important;
}
}
#parent-div {
width: 100px;
container-type: size;
}
@container (min-width: 50px) {
#inspected {
padding-right: 10px;
}
}
@supports (display: grid) or (display: inline-grid) {
#inspected {
display: grid;
}
}
@layer base {
#inspected {
background-color: blue;
}
@layer nested {
body {
background-color: green;
}
}
}
@scope (html) {
#inspected {
color: red;
}
}
@scope (html) to (.child-div) {
#inspected {
color: lightcyan;
}
}