Creating a Drop Cap in the Blog Template

Thanks. You can use the initial-letter property to make it even simpler, but not sure about all browsers support. https://drafts.csswg.org/css-inline/#sizing-drop-initials

Looks like Firefox is the only browser that does not support it.

For those wondering how that code would look like...

/* Drop Cap */ .entry > p:first-of-type::first-letter { initial-letter: 2 drop; color: #A52A2A; }

I have noticed using the initial-letter: psuedo can cause some funky formatting hence why I used my first code snippet.