Image for post
Image for post

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. …

Timothy Koech

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store