Thank you for sharing this tutorial! It's nice looking and pretty straightforward. I was going to use Bootstrap but I may just code it myself with a little extra JS thrown in for small animation touches. Next need to find a way to link a navbar file to the homepage so I can make changes in just one place.
Can I ask about the first input on the .css stylesheet. I see a lot of people that start with * { and set the margin, padding to 0 and box sizing to border box. Why is this? Is there anywhere that explains this? (I am very new to this!)
The * selector targets all elements on the page. Setting margin and padding to 0 and box-sizing to border-box ensures consistent spacing and sizing, making styling more predictable across different browsers. It's a common practice for CSS resets or normalizations to establish a baseline for styling.
For some reason, the image wouldn't scale properly when it was 100vh but I changed it to 80vh and it now works... I'm thinking that this is maybe because of the device that I'm using? I'm not so sure as to why it did that
Fantastic video for me as a beginer. I followed your instructions an copied all the same way. Instead of your 5 links I made 12. In this case my links can't be seen all. There ist a lot of space between Logo and first links, but the last 2 links are outside the page. How can I solve the problem?
At first, it didn't work for me and then I realized I had missed some of the steps lol. It actually works, making my assignment nice. Good video
Thanks my guy. Helping me land clients as a beginer
Short Video, AWSOME Job !! Thanks
I am learning a lot from your videos, thanks
Keep going man!
Thanks for sharing your knowledge! Very helpful and easy to understand.
شكرا Thank it was helpful💯💯
It was really good. Simple and clean. Thank you.
i did the same code but i cant get that little white line
Thanks!!! I've learned a lot from this video
Gooooood
you are the best continue❤❤
Thank you for sharing this tutorial! It's nice looking and pretty straightforward. I was going to use Bootstrap but I may just code it myself with a little extra JS thrown in for small animation touches. Next need to find a way to link a navbar file to the homepage so I can make changes in just one place.
Thanks, you got an instant like and subscribe for the straighforwars content!
THANKSS, this video is very nice
really good 🎉
Finally he know He have a channel 😅btw very Gud ❤
😅😅
So simple, so awesome.
thanks worked on first try!
Good job
Wow, thank you!!❤
Thank You..
🙏
TQ. very helpful
Thank you so Much i learn it
best tutorial ever thanks so mucj
Super
thanks codehal for this amazing tuotrial
I love it bro😍😍
wow simply wow
Nice worj🎉❤❤❤
Can I ask about the first input on the .css stylesheet.
I see a lot of people that start with * { and set the margin, padding to 0 and box sizing to border box. Why is this? Is there anywhere that explains this?
(I am very new to this!)
The * selector targets all elements on the page. Setting margin and padding to 0 and box-sizing to border-box ensures consistent spacing and sizing, making styling more predictable across different browsers. It's a common practice for CSS resets or normalizations to establish a baseline for styling.
@@beko1603 Thank you very much for the explanation! :)
thanks a lot bro
thanx broo
Just subscribed
It looks better to me to have align-items: center for the flexbox
Great video, great tutorial. Thanks bro
Yo bro, that was so fucking good and easy to understand and that music made it so much interesting, I was vibing the whole tutorial 😂
Nice!!!
you are the best continue❤❤
Very nice
I'm from Egypt ❤
Me too
@@muhammedshaltoot9665 منين من مصر
@@omarwalied-yr8yx من المنوفية
@@muhammedshaltoot9665 احسن ناس
انت اتعلمت برمجه من مين ؟
Nice tutorial
Just love it❤
woow, thank you...this was a good practice project
Awesome 😍
2nd from Bangladesh 💝
Can the logo be moved further to the left? Amazing content❤
వవవవవవనషహ ఒ
య
లవ
ణ
For some reason, the image wouldn't scale properly when it was 100vh but I changed it to 80vh and it now works... I'm thinking that this is maybe because of the device that I'm using? I'm not so sure as to why it did that
tnx
thanks man
very nice 6 min !!!
Good job, thanks
which vs code theme is that
nice video thx, btw what's the vs code theme ?
Love from India ❤sir please work hole this in mobile please because import URL didn't show in mobile app reaplit
thank you
bro please where do you get those nice background pictures from
great
what does the * in the stylesheet refer to?
(makes window smaller)
"wait where are the other options"
hey so the visual code wont let me type "transition: .3s;" on the line 54 in stylecss
edit: i try on ".navbar a:hover::before" and it worked
the background image is not showing
You have to put the image and project in the same file
@@Ana_.H like how mine not showing too.
They are in the same file
@@Thasmilingcoast Maybe your invoking it the wrong way.
@@Melissa0Vcould be or could be no browser support
good navbar bro
wouldn't be easier to use a border or outline to the a's?
i thought the same haha
thank you so much bro
this shit goes hard asf
hocam selamlar aynı sayfa içinde iki farklı yapı oluşturdum body etiketlerindeki çakışmayı nasıl önlerim (important ?)
can u make it with explaination??
Ich liebe dich
Which theme are u using
swag swag swag poggers pogg i love swag i love poggers
ada course nya ga bang
can someone please explain to me what this part means exactly?
.navbar a::before
Hi there. Instead of words, how can we replace with a diagram? Like a "home logo" to make it nice looking
hey its all working but theres one problem i dont see the content i implemented into the page
For some reason when I use "space-between", it puts the elements at opposite ends of the page width.
You might've forgotten to add 'box-sizing: border-box;' property to the * tag. At least, it was the reason in my case.
@@aV5d9nlUBQ9 thanks for this! As soon as I’m at the computer I’ll double check and see if that fixes it!
can someone tell me why did he use z -index and why is the result same even after using it?
It is used to blend the background image with the navbar...thats why you can spot the image at the back of the text in the navbar
my navagation bar text is aligned to the left
Maybe too much margin
Fantastic video for me as a beginer. I followed your instructions an copied all the same way. Instead of your 5 links I made 12. In this case my links can't be seen all. There ist a lot of space between Logo and first links, but the last 2 links are outside the page. How can I solve the problem?
I found the mistake. in the css I forgot the "*" in the first row. now it works.
Hello, I have a question: how can I make the strip fly out on the other side?
When I do the background thing it's it showing up I have it exactly like you have it, help?
Which website are you use for pictures?
he is usding freepik
what to put instead of Logo to show my own logo ??
i think you just put your image by using
hi! did you figure out how to do it? i'm having the same problem
Can anyone please tell me what theme he is using ?
At 2:35, what part of the css file moves the items to the top right of the screen? I copied what you did but it stayed in the top left
He used display:flex and justify-content: space-between
Did you ensure that the logo and the nav bar are separate from each other?
@@hafidz2698 How can they be separated?
Bro make best logo in 6m than me on my 2 hours
First❤
Hi, thanks ❤
how do you add text below?
haha bro nice joke with the only
lil nega wdym
the navbar is moving when i scroll down i want it to stay
Use position fixed
where do you get th image
How can I fix this when I use on mobile device? It doesn’t look right when i use a mobile device
bro responsive kasa banana ka woh bhi batate
Theme name?
Sir what is the content? content: " "; ?
why in navbar a margin-left written why padding-left was not written
Why padding?
Responsive değil
Its not responsive
Did u add a link in the # place?
music = instant dislike