Our Black Friday sale is now live! All individual subscriptions are 50% OFF. This week only!

Back Button Frameworks
Rebuild GitHub with Tailwind

Rebuild GitHub with Tailwind

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.
Intermediate
5 episodes
1h 26m
Begin
5
Latest Episode in This Series

Added 2 months ago

Responsiveness

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

View the source...

Watch
Rebuild GitHub with Tailwind

Rebuild GitHub with Tailwind

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.
Begin
5
Latest Episode in This Series

Added 2 months ago

Responsiveness

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

Your Teacher | Andre Madarang

Visit Website
https://laracasts.s3.amazonaws.com/avatars/andre-madarang.jpg's avatar
Greetings! I'm Andre, a full-stack web developer and Laracasts instructor. My other hobbies include playing guitar, videography and gaming.

    1. Top Navs

      Free Episode Run Time 23:29

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

      View the source code for this episode on GitHub.

    2. File Explorer

      Free Episode Run Time 23:02

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

    3. Sidebar

      Run Time 19:22

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

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

    5. Responsiveness

      Run Time 10:48

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

      View the source code for this episode on GitHub.

    2.
Series still in development robot

*Series still in development. Check back often for updates.

Want us to email you occasionally with Laracasts news?