How to make a responsive navbar with tailwind css | tailwind css tutorial |

[@khangthaitran]

Thanks for sharing! your video is very useful sir

[@CodeAProgram]

Share and subscribe ❤️

[@mihirdutta-DPSi]

0:25 The demo 1:31 The wiring up of TS 3:14 Gradient colors bottom to top

[@adnansmove8597]

wow very amazing.... keep ahed broo

[@P0K0]

You did the desktop one frist ...but according to tailwind we should do mobile view first !! But either way it was a good tutorial :)

[@RestfulCoder]

Great tutorial. Thanks for sharing the code too!

[@CodeAProgram]

Share and subscribe ❤️❤️

[@TALHAABBASI-l1q]

Good

[@CodeAProgram]

Share and subscribe ❤️

[@software2171]

thnQ so much !! please create video for footer also thnQ

[@sid_liftz]

thanks it was super easy and needed

[@JesusArrazola99]

Very helpful!

[@purvankbhiwgade3479]

Dude, which theme are you using in VS Code? Seems pretty darn nice

[@CodeAProgram]

Synthwave 84

[@user-uo6wj9ug6u]

thanks - great job

[@CodeAProgram]

Share and subscribe ❤️❤️

[@21Moudud]

Easy to understand

[@sabujmondal881]

This solution has a problem, when there are some content at that time in mobile view menu goes under the content

[@tacsmith]

yea I ran into this as well.

[@dzakyrazi325]

Use bg color & z index

[@arya.b.widyatmika]

​@@tacsmith😅😅😊😅😊 0:22 😅😊k😅😅 0:38 😊😅😅😅😊Lihat lokasi real-time saya di Maps: maps.app.goo.gl/cBo1vtc6Q3v1GWPn6😮 1:10 😊😊😅😊

[@anhht2001]

@@dzakyrazi325 not working :)) because parent, child not same layer

[@afrink2203]

very great and easy to understand video!

[@youth-fnc]

Currently I can't understand why the class "absolute" is used inside the div tag. Ive been trying to understand it.

[@tarunhasija]

absolute is used to align an item to the top left corner or starting of the page , when using absolute we do positioning relative to page not with any element

[@youth-fnc]

@@tarunhasija Got it!

[@Noida91]

Thank you for uploading. But you should code wrap in vs code

[@ghitahina7789]

9:09 flex navbar

[@techguru151]

Excellent

[@sale7680]

Bravo

[@tontepouncil354]

Do you feel this is still the best way to create a mobile-first navbar?

[@PeeJoyHuaikrai]

Thumbed and thanks.

[@umpoucodenozes3470]

i just have a doubt, what theme are u using? good video!

[@iqbalhonnur4451]

awesome buddy!!

[@ibrahimbuhari7502]

nice

[@saikumar-le7in]

How to make responsive multiple drop-down by using tailwind css in next js can u make one video.onmouse Hover in desktop on click in mobile.

[@mohitkaushik21]

bro thanks a lot for the video

[@AlexisPF24]

¡Thank you! I've learned a lot from you.

[@CodeAProgram]

Share and subscribe ❤️

[@hadismousavi1619]

veryyyyyyyyyyyyyyyyyyyyy tnks goooooooooooooddddd

[@Kiran-qn4pj]

what was the name of the google extension you were using for getting laptop view and mobile view???

[@vishalkirtaniya3431]

it is not an extension it is the "extend" button by right clicking on the browser and then you go to the responsive design mode by "Ctrl + Shift + M"

[@lucasbailo]

thanks bro!

[@CodeAProgram]

❤️❤️❤️

[@aamirnasir1091]

can someone help me here? Everything works fine except when I click on menu, close sign appears but menu links does not appear at all

[@hiyou8833]

Bhiai banate raho bhai hume aise template chahiye

[@valentinchauvet9736]

A try this tuto on NextJs Tailwindcss project. And I have an issue, the ionicons don't apply tailwindcss properties..

[@UncannyPotato69]

u are applying the properties in the name. apply them to class

[@tahiramalik9982]

how your browser show many screen option when you minimize it ?

[@CodeAProgram]

Windows 11

[@JuanRodriguez-rh4kp]

The problem I am having is when user clicks on link the mobile menu doesn't close and scroll to the div id #aboutUs. It works on the expanded desktop version though.

[@forgehustle]

brother what vs code theme is that?

[@CodeAProgram]

Synthwave 84 theme

[@jakke1975]

[@SarahNakada-ge7wc]

Is it impossible to make the hamburguer menu appear from behind the navbar?

[@Sreeeeeeeekrishna]

Please avoid the music from your videos since your audio is not much clear.

[@dummymail2495]

How do you use hex color coming from api as color for any element in talwind css? I tried using arbitrary value technique but doesn't seem working. Please help

[@liam7073]

Use square brackets and the colour code like this: bg-[#ffffff] This would be the same as the built in colour of: bg-white

[@enrico4992]

thankyou for the content, i have tried the same code, but when the menu button is clicked, the list do not came out. Does anyone have any clue what is going on and how to fix it ? Thankyou

[@enrico4992]

so the problem is in top-[9%], as i dont know why it cannot be proceed, so I change it to top-12 and it works well.

[@tejasx_]

Bhai ye romantic music mat dala kar

[@Deus-lo-Vuilt]

Do you happen to know how to affect another element when hovering? if i use :hover and i want to affect another element how can i do it using tailwind ? it would usually be element:hover .element2{}

[@liam7073]

Element 2 has the onmouseover attribute call a function. The function updates the first elements with something like: let element = document.querySelector("#element1"); element.style.color = "green" There's different ways to do it but this isn't something TailwindCSS would be really be for, that's more a function rather than styling.

[@dibbyo456]

Drop the music.

[@abishektamilan9733]

Brother how to change hamburger into 3 vertical dots

[@vicioyt1644]

no sirve tu mmd

[@BunrithViwatthanak]

no way i wasted my time by installing it, but you just copied the CDN 💀

[@dontignore5567]

background music was cringe. Please dont do it agian

[@agdmadushani]

can someone give me the code ?

[@alirehmangalirehmang8987]

import React from "react"; import app from "./Images/app.webp"; function One() { return ( Products Solution Resources Developers Pricing Sign In ); } export default One; ye 70% code h

[@proudyy]

hover:[&_a]:text-gray-500