Great tutorial, and a great teacher! I really appreciate how you explain the thought process behind what you do and why you do it. I'm fairly new to web-development, but I could still easily follow along the video.
Very informative! Man, do a tutorial of making a page using Flexbox and Grid together. People make dramas of Flexbox vs Grid where in fact they can be used together.
Damn you’re good 🤯🤯 your css nav tutorial was so good. I built 2 back to back. I didn’t even use floats and clears either, your tutorial was so easy to comprehend that I was able to change it around. Can’t wait to try this JS button !!!
bro Your language i am not uderstandig but your work is i understandig. beacuese i am INDIAN 🇮🇳. Good work bro. Thank You for you tech us. I speak little inglish.
A comment, at the logo class style, add {width: fit-content;} to adjust the logo to own content, garantee not accidentally clicking logo on empty space at nav bar. Thanks #FollowAndrew Very good tutorial
here is a vanilla javascript implementation: var toggle = document.querySelector('.toggle') var items = document.querySelectorAll('.item') toggle.addEventListener('click', () => { Array.from(items).forEach((item) => { item.classList.toggle('active') }) })
very informative with practical,please make the menu animated in mobile view....something like when we will click the hamburger icon than the items will appears from top to bottom with some transitio.
Please! I need your help with this step. How to move the Sign Up button lite further more to the side and keep the Login button withe menu?? Every time try to do that, the Login button is moving as well which's not what want.
Is the best way to align the hamburger menu icon better to set the top to -5 and -10 respectively on the before and after pseudo elements or is there a betrer way?
loved the video. Really helpful tutorial. Does anyone know how i could animations so when the hamburger menu is clicked it has a transition effect. Would this be done using JavaScript or css and how should i go about implementing it?
Hello Andrew, thank you for always uploading informative video. I have a problem in this exercise. order property is not working, and when I apply the width 100% to menu items nothing changes.
I have a question how would I create this in php? it works great in HTML yet I have an ideal that might work. I'm just asking for now I don't wanna screw anything up while I'm coding.
Thanks for a great tutorial, how would you make the selected nav link, so it shows as another colour? There are a lot of tutorials out there about responsive nav bars, but I have not seen one that shows how to show an active link, so the visitor knows which page they are on.
Hi Andrew, amazing video, easily comprehensible! One questions: Why do you use position:absolute for the pseudo-elements and not position:relative (toggel button)? Thanks!
My hamburger menu isn''t working. I have no idea why, I copied your code exactly. My items have getting the active class when I click on them but nothing appears. Also when I remove display: none from the items in the css, it still doesn't appear, which makes absolutely no sense. I rewatched the video twice, and my css code is the same. Any ideas what is wrong with my code?
Thanks for the tutorial, the best. I just has one problem. I am using brackets and in javascript they consider const an error. This is how it is worded ERROR Pausing error The keyword const is reserved.
sir i have a question i am trying to create a responsive navbar in flex using only css. But that is not working on mobile view i mean when i click the toggle it is not appearing can you please tell me what is the problem?
Really nice tutorial buddy, thanks, I ditto the comment making the nav with flex and grid but eh we have to do some work ourselves! I am on that now but like the guy below that would be cool! Have a great day ;D
hi. i did everything, but when i press the 3 bars menu....doesn't open anything. would you know what could be the problem. ? I went step by step...hmm..
Do this navbar actually work on a mobile device? I've followed so many videos that use body {overlflow-x: hidden} to hide the menu which doesn't work on mobile devices.