use child selectors not descendent selectors in CSS

[msmichellegar]

when you are selecting children elements like here:

.feed-entry p {
font-size: 1rem;
text-align: justify;
padding: 1rem 3rem;
}

It is inefficient to do it like ".feed-entry p" as the selectors are read right to left. This means all 'p' elements will first be searched for first, which is very inefficient.

INSTEAD, use child selectors like this : ".feed-entry > p". The '>' indicates that you want the child element of '.feed-entry' and it will read left to right, so it narrows the element down faster.