Tailwind Crash Course | A Practical Guide | With Theming

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ส.ค. 2024
  • In this one we'll go over how to setup Tailwind and how to set it up with theming as well.
    Finished Code:
    wolfdencode.netlify.app/proje...
    Timestamps:
    00:00 What we'll be building
    00:30 Tailwind Setup
    2:50 Desktop Navbar
    10:30 Mobile Navbar
    12:10 Navbar Javascript
    13:20 Hero Section
    17.20 Cards Section
    20:10 Contact Section
    23:15 Footer
    23:55 Theming
    27:00 Thanks For Watching!
    Check out our website:
    wolfdencode.netlify.app
    Social Media:
    Github - github.com/WolfDenCode
    Twitter - / wolfdencode
    #coding #webdevelopment #html #css #code

ความคิดเห็น • 7

  • @maazshaikh7905
    @maazshaikh7905 25 วันที่ผ่านมา

    keep it up! waiting for more projects using react and tailwind

    • @WolfDenCode
      @WolfDenCode  24 วันที่ผ่านมา

      Thank you, there might be some coming in the future!

  • @PrarambhaBashyal
    @PrarambhaBashyal 25 วันที่ผ่านมา

    thanks brother. for taking my suggestion

    • @WolfDenCode
      @WolfDenCode  24 วันที่ผ่านมา +1

      It was my pleasure, glad you liked it.

  • @PrarambhaBashyal
    @PrarambhaBashyal 25 วันที่ผ่านมา

    Quick question can we make external file for tailwind css to cooperate with our html code?

    • @WolfDenCode
      @WolfDenCode  24 วันที่ผ่านมา +1

      The tailwind.config.js file is supposed to be an external file to configure and customize tailwind.
      You can also define custom classes there if you want, but you can also create a seperate style.css and use it as usual in combination with the tailwind classes.
      Tailwind just provides some basic classes, they can also be overwritten , just make sure the css that overwrites it comes after the tailwind scripts.

    • @PrarambhaBashyal
      @PrarambhaBashyal 24 วันที่ผ่านมา

      @@WolfDenCode thank you for the information