## Using HTML and Tailwind CSS to replicate the HackMD Blog Page

### Introduction

The HackMD platform is a highly reputable platform for technical documentation and more. It was therefore with excitement that I delved into the attempt to replicate the Blog part of the platform. I have been exploring the use of HTML and CSS for about two months now and was introduced to using Tailwind CSS just a week ago. Despite being new to Tailwind CSS, my exposure to using Vanilla CSS with HTML made Tailwind CSS look like a very promising tool to replace Vanilla CSS in the nearest future. I have therefore continued to learn Tailwind CSS with some previous assignments. I was able to deliver the HackMD Blog design after long hours of work.

### Challenges

The challenge has been time it takes to satisfactorily make progress upto completing the task given. However, with the availability of resources on the internet, it has always been possible to unravel steps or discover resources that were used to accomplish the tasks satisfactorily.

### Gains

It has increasingly been such an encouraging learning curve with the technologies, that is, HTML and CSS, while embarking on various types of design tasks. From corporate websites, to pricing page, to blog page, as the list goes on. It has been inspiring getting to work on this particular one as I had come to appreciate the connection between HackMD platform and my process of learning at Blockfuse Labs, thanks to the colloboration between the duo of HackMD and Blockfuse Labs.

### Screenshots of workdone


**The Navitation and Hero Sections**


**The Blog Post Grid Section**


**View of the Blogpost Pagination and Newsletter Subscription Sections**


**Part of "Get started for free" and Footer Sections**

The code assembled for this task can be found at my GitHub repo [here](https://github.com/dgplang/hackmd-design).

### Conclusion

While it has been challenging tackling new tasks in one's learning journey, I have given each task my best and it has been an encouraging experience. Tailwind CSS is being proven to be an efficient accelerator of design projects and I look forward to its application on future projects. It is so wonderful as its just the beginning.