Learn how to structure your HTML and CSS projects.
In CSS, certain styles that are applied to a parent element can be inherited by its children.
In CSS, selectors with higher specificity will override selectors with lower specificity when they are modifying the same properties.
In general, if multiple rules are trying to modify a property, the rule that is farthest down a stylesheet gets applied when all of the rules have the same specificity.
To enable CSS grid on a parent element, add the display property with a value of grid to it.