This is awesome! As a beginning coder, I really loved your explanation and the way that show step-by-step what each piece of code is doing! I do have a question about the width of the gold band. Is there a way to make it more narrow? I'm trying to make a menu that has a thinner line with the links display. I'm playing around with padding, but so far all I've done is make the band yellow with the links showing underneath the band.
@Marnel You should be able to change the width value for nav in the CSS. I set it to 100vw, but you could make it much more narrow. Changing the padding, will also change the spacing between the text and the edge of the gold band. -- Let me know if you're still having trouble.
Brand new to codepen, how are you having it complete your code for you? You typed "div.hamburger" and it processed it to "". I'm not getting that result.
Putting the label around the whole menu item and not just the hamburger menu /MENU text confuses me. Won’t that trigger the checkbox if you click on one of the menu links eg About?
That's a good question ... I *think* it has to do with how click events bubble. ... TBH, this video was recorded ~3 years ago ... I think there are probably more efficient ways to do this now using the :has selector. Are you familiar?
@@SelfTeachMe it's one oh my FAVOURITE. I got so excited the day Firefox got on board!!! Now I'm waiting for then to get on board with lineargradient(in oklab, oklch(33% 0.3 350.... ). Just won't show the grade if it has the "in oklab" keywords
This is awesome! As a beginning coder, I really loved your explanation and the way that show step-by-step what each piece of code is doing! I do have a question about the width of the gold band. Is there a way to make it more narrow? I'm trying to make a menu that has a thinner line with the links display. I'm playing around with padding, but so far all I've done is make the band yellow with the links showing underneath the band.
@Marnel You should be able to change the width value for nav in the CSS. I set it to 100vw, but you could make it much more narrow. Changing the padding, will also change the spacing between the text and the edge of the gold band. -- Let me know if you're still having trouble.
I love the video, it hadn't occurred to me to use the checked property for this. Excellent tutorial, thanks!👍
Great tutorial, but how can I do this positioning on the right?
I've been looking for something like that, just with CSS, but haven't found it ...
Brand new to codepen, how are you having it complete your code for you? You typed "div.hamburger" and it processed it to "". I'm not getting that result.
Putting the label around the whole menu item and not just the hamburger menu /MENU text confuses me. Won’t that trigger the checkbox if you click on one of the menu links eg About?
That's a good question ... I *think* it has to do with how click events bubble. ... TBH, this video was recorded ~3 years ago ... I think there are probably more efficient ways to do this now using the :has selector. Are you familiar?
@@SelfTeachMe it's one oh my FAVOURITE. I got so excited the day Firefox got on board!!! Now I'm waiting for then to get on board with lineargradient(in oklab, oklch(33% 0.3 350.... ). Just won't show the grade if it has the "in oklab" keywords
Really really thanks mrs this is really helpful u should to have 1 milion subscribers really thanks
Brilliant tutorials, Thank you very much.
Yeah! Glad you liked it!
Thanks a lot!!! This is very informative
Awesome! Glad to hear it!
Great, thank you!
No idea what you are even going to build without having to scroll through the video and guess lol
Appreciate the feedback
You are a ⭐, thank you. 👏
Thanks!!
Спасибо! У меня всё получилось)))
Awesome! Glad to hear that!
Nice
Nice 👍
Thanks!!