ویو جی اس

Tailwind CSS Rebuilds: GitHub

Tailwind CSS Rebuilds: GitHub

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.

سطح متوسط 5 جلسه آموزشی 00:00:00 ساعت
01
قسمت 1

Top Navs

Let's begin by building the top navigation areas on the GitHub page.

02
قسمت 2

File Explorer

Let's continue our rebuild by working on the file explorer and footer.

03
قسمت 3

Sidebar

Next up, let's work on the sidebar that contains the relevant information about the current GitHub repository.

04
قسمت 4

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.

05
قسمت 5

Responsiveness

Lastly, we'll finish up by making the page responsive. Thanks for coming along!

دوره در حال اجرا

این دوره هنوز به پایان نرسیده است و در آینده درس های دیگری به آن افزوده خواهد شد.