Rebuild GitHub with Tailwind CSS
|
One of the best ways to improve your CSS is by rebuilding existing UIs. You’ll notice common patterns that occur and the best way to handle them. In this first entry, we’ll focus on the GitHub UI.
View the source code for this episode on GitHub.
Top Navs
Let’s begin by building the top navigation areas on the GitHub page.
File Explorer
Let’s continue our rebuild by working on the file explorer and footer.
Sidebar
Next up, let’s work on the sidebar that contains the relevant information about the current GitHub repository.
Tailwind’s Typography Plugin
Let’s now convert Markdown files to HTML using a Nuxt plugin. We’ll then style the HTML using the Tailwind Typography plugin while customizing some of the available options.
Responsiveness
Lastly, we’ll finish up by making the page responsive. Thanks for coming along!
User Reviews
Be the first to review “Rebuild GitHub with Tailwind CSS”
You must be logged in to post a review.
There are no reviews yet.