Originally published on timkoech.co.ke
I started experimenting with Tailwind CSS a couple of months ago and I’m loving it. The idea is to finally use Tailwind CSS on my website.
Normally, I like to have my HTML page layout semantically divided into these sections; header, main and footer.
<body>
<header>
Navigation bar
</header>
<main>
Page content
</main>
<footer>
Social links
</footer>
</body>To keep the footer section at the bottom of the browser window, we need to add flex-box utility classes provided by Tailwind CSS like this.
<body class="flex flex-col min-h-screen "> <header> Navigation bar </header> <main class="flex-grow"> Page content…Drought has been declared a national disaster. And the National Drought Management Authority (NDMA) has been releasing data on the VCI (Vegetation Condition Index) of ASAL (Arid and Semi-arid Lands) since August 2016.
Vegetation Condition Index (VCI)
According to NDMA
VCI communicates the state/condition of vegetation cover, comparing it with the range of values observed in the same period in previous years. …
