Designing with Tailwind CSS: Styling a Dropdown Menu

Поділитися
Вставка

КОМЕНТАРІ • 29

  • @hamburger--fries
    @hamburger--fries Місяць тому +1

    Why VUE? ohhh hehe I just noticed this was 4 yrs ago. Vue is just horrible.

  • @TomislavMiletic
    @TomislavMiletic 8 днів тому

    No framework just tailwind 😎

  • @curtdp
    @curtdp 5 років тому +7

    As always great TailwindCSS stuff! Thank you!

  • @fullyautistic4760
    @fullyautistic4760 2 роки тому +1

    Me: clicks video
    Adam: jumps right into subject
    Me: instant like and subscribe

  • @UnitedStatesDaily
    @UnitedStatesDaily 3 місяці тому

    Upload more videos

  • @jasontruter4981
    @jasontruter4981 Рік тому +1

    5:37 If you put the padding on the parent, the children can just use w-full to use the rest of the space for you background.

    • @Hrit
      @Hrit Рік тому

      thanks!

  • @MiguelGuzmanIsAwesome
    @MiguelGuzmanIsAwesome 5 років тому +3

    I'm really thankful for this. Keep it up.

  • @gaojinhong
    @gaojinhong 3 роки тому

    Nicr tutrial. Thank you!
    非常棒的教程,感谢。

  • @gamehubby
    @gamehubby 5 років тому +1

    What tool is that in the right window and does it also work with ReactJS?

    • @masthisis3914
      @masthisis3914 5 років тому

      @@alexoleshkevich do you know any free version ?

  • @Lokeshsanapalli1729
    @Lokeshsanapalli1729 5 років тому

    is that codesandbox ??? also I want to know how are you getting the autocompletion with css

  • @abirkolin4702
    @abirkolin4702 Рік тому

    brother you're amayzing!

  • @ramchaudhari5311
    @ramchaudhari5311 5 років тому +1

    Was waiting for this

  • @PrasitGebsaap
    @PrasitGebsaap 3 роки тому

    Great clear explanation, just subscribed.

  • @Operaatoors
    @Operaatoors 4 роки тому

    this is definetly PhpStorm, right? What is this plugin to preview this component?

    • @AdamWathan
      @AdamWathan  4 роки тому

      VS Code actually! On the right is Sizzy in zen mode: adamwathan.me/sizzy

    • @Operaatoors
      @Operaatoors 4 роки тому

      @@AdamWathan Oh, that was quick :)
      All right, then Material theme looks very similar to those editors!
      Yeah, I was just thinking, maybe its just full screen mode app, and yeah, Sizzy looks very neat!

  • @josephridge3646
    @josephridge3646 3 роки тому

    Thank you for this!

  • @sjos691
    @sjos691 3 роки тому

    I think you could've assigned the class space-y-4 to the parent div, instead of setting padding on each individual

    • @bobcee8126
      @bobcee8126 3 роки тому

      I think it depends on the preferred styling/design guide. The hover would look different if the padding was from the parent instead of on each item.

    • @bobcee8126
      @bobcee8126 3 роки тому

      Listen to his explanation at 5:25

  • @gayanhewa
    @gayanhewa 5 років тому

    Nice

  • @michongoma7598
    @michongoma7598 5 років тому

    Thank you Adam, very helpful

  • @steveidowu906
    @steveidowu906 5 років тому

    Great one, Adam

  • @neamitika
    @neamitika 3 роки тому +1

    bro... i wanna tell that i am the one who downvoted cuz you ODCed on the order of the classes ... and i was expecting some js too.. so it actually becomes a dropdown ... cuz right now is just a sort of card... nothing is droping down...

    • @AdamWathan
      @AdamWathan  3 роки тому +4

      Imagine you watched the very next video where we make it interactive? 🤯 it’s a series silly.
      ua-cam.com/video/If6XdbBQqmY/v-deo.html

    • @neamitika
      @neamitika 3 роки тому

      @@AdamWathan i took it back...

  • @ahnmebnsina381
    @ahnmebnsina381 5 років тому +2

    You should make everything in vanilla js, all people doesn't know or use vue js. I saw your previous mobile menu, it would be nice if you make that in vanilla js rather than vue. Thanks by the way for the series.