---
# System prepended metadata

title: BUILDING THE HACKMD FRONT PAGE

---

## BUILDING THE HACKMD FRONT PAGE USING TAILWIND 

Introduction : Tailwind CSS is a utility-first CSS framework that provides developers with low-level utility classes to build modern, responsive web applications quickly.

Using the tailwind css to build the hackmd front page was really a good encounter for me as a beginner, because i encounter lots of challenges , like how to insert the animation, how to insert background images which is a bit different from what i am used to . But after completing this project it gives me much confidence to do more research .

styling with tailwind css is much easier because its more like an inline css which one can style an element inline.

IMAGES
![frontpage1](https://hackmd.io/_uploads/rkhAuY6s1e.png)
![frontpage2](https://hackmd.io/_uploads/B1akYKToyx.png)
![frontpage3](https://hackmd.io/_uploads/HyAZYtpjJe.png)
![fr0ntpage4](https://hackmd.io/_uploads/H1tztKaiJe.png)

Conclusion
cloning the HackMD.io has help my learning expirience. it help me learn more features in tailwind css, i am looking up to doing more advance stuffs in my next project.

Gotom Golpwana
Student@Blockfuse Labs'.