JSFiddle - React, Tailwind, and code Playground

by Shishir Max

HTML

<div id="first-letter-here">
    <p>
        Milk and cookies.
    </p>
</div>

<div id="first-word-here">
    <p>
        Milk and cookies.
    </p>
</div>

CSS

.product-title {
    width: 100vw;
    text-align: right;
    font-size: 4.5vw;
    letter-spacing: -0.05em;
    color: #ffffff;
    "

}

#first-letter-here p::first-letter {
    font-family: arial;
    font-weight: 900;
    font-size: 3em;
}

#first-word-here p::first-word {
    font-family: arial;
    font-weight: 900;
    font-size: 3em;
}