Organic Landing page using Tailwind CSS | Speed Code

Поделиться
HTML-код
  • Опубликовано: 9 окт 2021
  • Hi there, let's build this beautiful landing page using Tailwind CSS. Hope you guys like it.
    Credit for the design :
    www.behance.net/gallery/12364...
    Github :
    github.com/tailwindcollection...
    Demo :
    tailwindcollections-organic.n...
    Follow Me on Twitter :
    / twncollections
    Available for work
    www.fiverr.com/s2/97085c94d4
  • НаукаНаука

Комментарии • 35

  • @ethioapps836
    @ethioapps836 Год назад +1

    i started using tailwind recently and while scrolling through youtube i found this video and man u are nice . learned more from u tnx

  • @nicolaskeith8872
    @nicolaskeith8872 2 года назад +6

    I'm immensely enjoying these. Please keep them coming

  • @nishantshah_
    @nishantshah_ 2 года назад +1

    Keeping the browser to the right and saving the changes to see the output then and there in the browser helps learn better.

  • @AmireSteve
    @AmireSteve 2 года назад

    Nicely done! How did you get access to the raw images used in the design pls?

  • @baegopado
    @baegopado Год назад

    Awsome

  • @aldobangun223
    @aldobangun223 2 года назад +1

    mantap

  • @TheJaviercrafter
    @TheJaviercrafter 2 года назад

    bro O_O my dream is make code like that!

  • @k11h12anh
    @k11h12anh 2 года назад

    I like this style of tutorial, fast, to the point and no talking. It would be helpful if you provided a link to your code, right now I don't know how your project is set up, which versions you're using, I tried to follow along but it's not working

    • @Tailwindcollections
      @Tailwindcollections  2 года назад +2

      I'm sorry, I think I forgot to attach the demo link. You can see the description again. I've updated it. 😊

  • @gerryleonugroho
    @gerryleonugroho Год назад

    How do you get access to the font being used? And the rest of the image?

  • @Krlos5605
    @Krlos5605 2 года назад

    Hey i'm loving your videos!❤️👏. I have a request, can you make a video for a responsive mega menu with tailwind. Cheers

  • @ed1n535
    @ed1n535 Год назад

    Can you tell me what do I have to do if i want my editor put for example my div values in next line ( for example 2:06 (line 14) - it moves everything from 1 line in 3 lines)

    • @Tailwindcollections
      @Tailwindcollections  Год назад

      Do you mean auto format? I set the vscode to format on save, so whenever I save the file it will auto format it. I use Volar extension for the formatter.

  • @jasonbrooks737
    @jasonbrooks737 Год назад

    perfect content. how did you get all assets from original design?

    • @Tailwindcollections
      @Tailwindcollections  Год назад +1

      I not sure but I think I got the figma design from somewhere. Maybe if you search for "fueler" in the internet you can find it.

  • @DavideCirone
    @DavideCirone 2 года назад +1

    I copied your code and the group-hover animation does not work on my vite project. Is that a special configuration of tailwind ?

    • @Tailwindcollections
      @Tailwindcollections  2 года назад

      Did you copy the tailwindconfig.js as well? I think it's because the JIT mode

  • @dibbyo456
    @dibbyo456 Год назад

    Because of mobile first era, you should make your codes responsive as well.

  • @kevinstevenhernandezmendez426
    @kevinstevenhernandezmendez426 2 года назад

    What it’s the name of the extension for auto fill tailwind on vscode? Nice video btw 🤯

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt Год назад

    thanks for video , like and sub , more videos pls

  • @Pettanchord
    @Pettanchord Год назад

    I didn't know there was a class like :class="....."
    where I could read the references?

    • @Tailwindcollections
      @Tailwindcollections  Год назад +1

      It's vue specific. Here is the link vuejs.org/guide/essentials/class-and-style.html

  • @abdelhameedhamdy
    @abdelhameedhamdy 2 года назад

    Demo link is not working

    • @Tailwindcollections
      @Tailwindcollections  2 года назад

      It's working fine 👍

    • @Tailwindcollections
      @Tailwindcollections  2 года назад +1

      But it's not responsive yet, there will be in part two 🙂

    • @swapnilghorpadewce
      @swapnilghorpadewce 2 года назад

      @@Tailwindcollections Great tutorial. Can you please guide how to become master with css and tailwind css?

    • @swapnilghorpadewce
      @swapnilghorpadewce 2 года назад

      @@Tailwindcollections when can we expect part two?

    • @Tailwindcollections
      @Tailwindcollections  2 года назад +2

      Sorry, there will not be part 2. but the demo site is already responsive 😊

  • @cryptodev2615
    @cryptodev2615 2 года назад

    Forgot to make it mobile friendly D:

  • @amirtorabi3978
    @amirtorabi3978 2 года назад +1

    I recommend you not record speed code! I think it would be more useful if we have a precise and normal proejct with logical speed