JSFiddle - React, Tailwind, and code Playground

by jitendravyas

HTML

<section id="steps">
                        <ol>
                                <li>
                                        <h2>Kundetilmelding</h2>
                                        <h3>Dine kunder registrerer sig på en iPad i din butik.</h3>
                                </li>
                                <li>
                                        <h2>Tilbud</h2>
                                        <h3>Du sender dine tilbud via vores sms gateway.</h3>
                                </li>
                                <li>
                                        <h2>Køb</h2>
                                        <h3>Dine kunder gør brug af dit tilbud.</h3>
                                </li>
                        </ol>
                </section>

CSS

#steps ol { font-size: 132px; list-style-type: decimal; margin: 21px 0 0; padding: 0 0 0 2px; margin-top: 21px; }

    #steps li h2 {  margin-left: 406px;    margin-top: -143px; position: absolute; }

    #steps li h3 { font-size: 24px; font-weight: normal; margin-top: 0; margin-left: 406px; position: absolute; }

    #steps li {padding-top: 69px; line-height: -9px; padding-bottom: 132px; list-style-position: inside; }

    #steps li:last-child{ padding-bottom: 98px; }