tailwind alert box

Solutions on MaxInterview for tailwind alert box by the best coders in the world

showing results for - "tailwind alert box"
Garman
01 Aug 2019
1<!-- Only Works on 2.0+ Version -->
2<section class="py-20 mt-10 flex justify-center ...">
3        <div
4            class="bg-gray-900 py-1 w-11/12 text-center flex-wrap md:flex-nowrap rounded-md border-t-4 border-green-400 flex justify-center ...">
5            <div class="bg- py-8 w-1/12 ml-1 text-center rounded-full flex justify-center ...">
6                <svg class="w-10 text-green-300 h-12 text-gray-500" fill="none" viewBox="0 0 24 24"
7                    stroke="currentColor">
8                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
9                        d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
10                </svg>
11            </div>
12            <div class="bg- py-2 md:py-6 w-10/12 ml-1 text-center rounded-full flex justify-center ...">
13                <p class="text-green-300"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quod, architecto
14                    optio modi quos
15                    omnis
16                    itaque ad aspernatur doloremque illo ullam atque praesentium alias laudantium ab, illum non odit
17                    suscipit debitis.</p>
18            </div>
19        </div>
20    </section>