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

How to make a responsive navbar with tailwind css | tailwind css tutorial | #tailwindcss
Code A Program...
GitHub link :
github.com/Sridhar-C-25/Tailw...
#tailwindcss

[@lucasvtiradentes]

man your content is awesome! hope your channel grows and grows! thank you man!

[@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 :)

[@21Moudud]

Easy to understand

[@sid_liftz]

thanks it was super easy and needed

[@techguru151]

Excellent

[@mihirdutta-DPSi]

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

[@sale7680]

Bravo

[@Noida91]

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

[@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.

[@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.

[@khangthaitran]

Thanks for sharing! your video is very useful sir

[@CodeAProgram]

Share and subscribe ❤️

[@hadismousavi1619]

veryyyyyyyyyyyyyyyyyyyyy tnks goooooooooooooddddd

[@PeeJoyHuaikrai]

Thumbed and thanks.

[@mohitkaushik21]

bro thanks a lot for the video

[@iqbalhonnur4451]

awesome buddy!!

[@ibrahimbuhari7502]

nice

[@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

[@purvankbhiwgade3479]

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

[@CodeAProgram]

Synthwave 84

[@SarahNakada-ge7wc]

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

[@hiyou8833]

Bhiai banate raho bhai hume aise template chahiye

[@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

[@CodeKaroo]

Use z index property

[@arya.b.widyatmika]

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

[@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

[@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

[@Sreeeeeeeekrishna]

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

[@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"

[@abishektamilan9733]

Brother how to change hamburger into 3 vertical dots

[@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.

[@tahiramalik9982]

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

[@CodeAProgram]

Windows 11

[@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!

[@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.

[@muralidharan6463]

brother what vs code theme is that?

[@CodeAProgram]

Synthwave 84 theme

[@tejasx_]

Bhai ye romantic music mat dala kar

[@vicioyt1644]

no sirve tu mmd

[@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