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

Added 1 month 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 1 month 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

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. 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. Free Episode Run Time 23:02

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

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

Series still in development robot

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